2015-11-03 32 views
2

我有多个sass文件(包含所有包含一个style.scss)和一些CSS库,我想结合在一个最终的样式。 min.css。Gulp Elixir:错误的CSS SourceMap后2任务:SASS编译和组合样式表

我已经与灵药配置了2项任务:

  1. 编译我顶嘴文件: 'style.scss'(包含所有包括)到CSS: '公共/ CSS/style.css的'
  2. 联合收割机编译CSS:与其他 样式表(库)到最后的 '公共/ CSS/style.css中': '公共/ CSS/style.min.css' 这里是我的gulpfile:

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') 
 
});

问题:青菜编译任务创建正确sourcemap,指着.scss行权,但它结合样式的第二个任务 - 创建一个指向在“公共/ CSS的线sourcemap/style.css',而不是.scss文件中的:(

有没有人知道一种方式,我可以如何强制最终的源图指向sass文件中的行?

回答

0

最后,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') 
}); 

这一招修复源地图的问题。