Gulp Elixir：在两个任务之后错误的CSS SourceMap：SASS编译和组合样式表

Question

我有多个sass文件（一个包含所有包含的style.scss）和几个css库，我想在最后的一个style.min.css中组合。

我用elixir配置了2个任务：

1. 编译我的sass文件：＆＃39; style.scss＆＃39; （包含所有包含）到css：＆＃39; public / css / style.css＆＃39;
2. 合并已编译的css：＆＃39; public / css / style.css＆＃39;跟别人 样式表（图书馆）进入决赛：＆＃39; public / css / style.min.css＆＃39; 这是我的gulpfile：
＆＃13;
＆＃13;
elixir(function(mix) {
    mix
        .sass('style.scss', 'public/css/style.css')
        .styles([
            'path-to-lib/some-random-lib/lib.css',
            'path-to-lib/another-random-lib/lib.css',
            '/public/css/style.css'
        ], 'public/css/style.min.css')
});
＆＃13;
＆＃13;
＆＃13;

问题：sass编译任务创建正确的源图，指向.scss中的右边行，但结合样式的第二个任务 - 创建一个指向＆＃39; public /中的行的源图css / style.css＆＃39;，而不是.scss文件中的那些：（

有人知道如何强制最终的源图指向sass文件中的行吗？

Answer 1

最后，3个月后，我找到了解决方案！

而不是同时调用--six.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')
});

这个技巧修复了源地图问题。