2015-11-03 60 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') 
}); 

這一招修復源地圖的問題。