首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Laravel Elixir sass依赖路径

Laravel Elixir sass依赖路径
EN

Stack Overflow用户
提问于 2017-06-26 05:00:17
回答 1查看 90关注 0票数 0

我使用的是带有灵丹妙药的laravel 5.2。在使用bootstrap-material-design和bootstrap-sass时出现错误,gulp任务返回以下内容:

代码语言:javascript
复制
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";

当我将这一行替换为这行时,它可以工作。

代码语言:javascript
复制
@import "../../bootstrap-material-design/sass/variables";

在我的接收文件中,我有:

代码语言:javascript
复制
elixir(function(mix) {
mix
    .browserSync({
        proxy : 'http'
    })
    .sass('app.scss')
    .browserify('app.js')
    .version(["public/css/app.css","public/js/app.js"]);
});

在我的app.scss中,我有:

代码语言:javascript
复制
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
@import "node_modules/bootstrap-material-design/sass/bootstrap-material-design";

我做错了什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-07-01 19:04:37

我已经找到了解决方案,这是我的gulpfile.js

代码语言:javascript
复制
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"]);
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44750579

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档