Laravel 拉维长生不老药以错误的顺序组合Sass文件
我在同一目录中有三个Sass文件:Laravel 拉维长生不老药以错误的顺序组合Sass文件,laravel,sass,laravel-elixir,Laravel,Sass,Laravel Elixir,我在同一目录中有三个Sass文件:\u include.scss、app.scss和partials.scss app.scss和partials.scss在第一行都有导入: @import“包括”; 在\u include.scss的第一行: @import“节点模块/bootstrap sass/assets/stylesheets/bootstrap”; 我的gulpfile.js如下所示: var elixir=require('laravel-elixir'); 长生不老药(功能(
\u include.scss
、app.scss
和partials.scss
app.scss
和partials.scss
在第一行都有导入:
@import“包括”;
在\u include.scss
的第一行:
@import“节点模块/bootstrap sass/assets/stylesheets/bootstrap”;
我的gulpfile.js
如下所示:
var elixir=require('laravel-elixir');
长生不老药(功能(混合){
混音([
“app.scss”,
“partials.scss”
]);
});
引导代码和我自己的Sass代码被合并到同一个CSS文件(public/CSS/app.CSS)
。唯一的问题是Bootstrap的CSS插入在app.scss之后,因此如果它们发生冲突,我所做的任何更改都将被Bootstrap覆盖<代码>部分。SCS插入在底部的正确位置
这是什么原因?据我所知,我在其他项目中的设置完全相同,没有这个问题。错误在于加倍的
@import“include”代码>语句:
app.scss
和partials.scss
在第一行都有导入
SASS中有一个语义,但它仍然没有得到解决。我建议在问题解决之前,只在一个地方包括图书馆
更新:关于这个主题也有一个解决方案,它可能会帮助您找到适合您的解决方案。我明天会确认这一点并接受您的回答。谢谢