Gulp 吞咽长生不老药:两个任务后错误的CSS源代码映射:SASS编译和组合样式表
我有多个sass文件(其中一个style.scss包含所有include)和两个css库,我想将它们合并到一个final style.min.css中 我已使用elixir配置了两个任务:Gulp 吞咽长生不老药:两个任务后错误的CSS源代码映射:SASS编译和组合样式表,gulp,source-maps,laravel-elixir,Gulp,Source Maps,Laravel Elixir,我有多个sass文件(其中一个style.scss包含所有include)和两个css库,我想将它们合并到一个final style.min.css中 我已使用elixir配置了两个任务: 将我的sass文件“style.scss”(包含所有包含项)编译为css:“public/css/style.css” 将编译后的css:“public/css/style.css”与其他 将样式表(库)放入最终的:“public/css/style.min.css” 这是我的gulpfile: 长生不老药
长生不老药(功能(混合){
混合
.sass('style.scss','public/css/style.css')
.风格([
'指向lib/some random lib/lib.css'的路径,
'指向lib/other random lib/lib.css'的路径,
“/public/css/style.css”
],'public/css/style.min.css')
});代码>最后,3个月后,我找到了一个解决方案
我没有同时调用-mix.sass来编译sass,然后调用mix.styles来组合css样式表,而是将所有内容都打包到mix.sass中
elixir(function(mix) {
mix.sass([
'path-to-lib/some-random-lib/lib.css',
'path-to-lib/another-random-lib/lib.css',
'/public/css/style.css'
'style.scss'
], 'public/css/style.css')
});
此技巧修复了源映射问题