Gulp 吞咽长生不老药:两个任务后错误的CSS源代码映射:SASS编译和组合样式表

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包含所有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')
    });
    
    此技巧修复了源映射问题