2017-06-25 64 views
0

我正在使用laravel 5.2和elixir。 当我用引导材料设计与引导,青菜我有一个错误,一饮而尽任务返回此:Laravel Elixir sass依赖路径

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"; 

我在做什么错?

回答

0

我已经找到了解决办法,这是我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"]); 
});