Laravel Elixir sass 依赖路径

Question

我将 laravel 5.2 与 elixir 一起使用。 当我将 bootstrap-material-design 与 bootstrap-sass 一起使用时出现错误，gulp 任务返回：

gulp-notify: [Laravel Elixir] Sass Compilation Failed: node_modules/bootstrap-material-design/sass/_import-bs-sass.scss
Error: File to import not found or unreadable: bootstrap/variables
       Parent style sheet: /workspace/node_modules/bootstrap-material-design/sass/_import-bs-sass.scss
       on line 1 of node_modules/bootstrap-material-design/sass/_import-bs-sass.scss
>> @import "bootstrap/variables";

当我用这个替换该行时，它可以工作。

@import "../../bootstrap-material-design/sass/variables";

在我的 gulpfile 中，我有：

elixir(function(mix) {
mix
    .browserSync({
        proxy : 'http'
    })
    .sass('app.scss')
    .browserify('app.js')
    .version(["public/css/app.css","public/js/app.js"]);
});

在我的 app.scss 中，我有：

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
@import "node_modules/bootstrap-material-design/sass/bootstrap-material-design";

我做错了什么？

Answer 1

我找到了解决方案，这是我的gulpfile.js

elixir(function(mix) {
    mix
        .browserSync({
            proxy : 'http'
        })
        .sass('app.scss', "public/css/app.css", {
            includePaths: ['node_modules/bootstrap-sass/assets/stylesheets/']
        })
        .browserify('app.js')
        .version(["public/css/app.css","public/js/app.js"]);
});