2017-07-07 119 views
2

我使用webpack.config來請編譯,bindle,然後再縮小我的SCSS文件如何將webpack與ng-build結合?

module: { 
rules: [{ 
     test: /\.scss$/, 
     use: extractSass.extract({ 
      use: [{ 
       loader: "css-loader" 
      }, { 
       loader: "sass-loader" 
      }], 
      // use style-loader in development 
      fallback: "style-loader" 
     }) 
    }] 
}, 

現在的問題是ng-build不運行webpack.config汽車,我要運行webpack命令然後ng-build,我需要包括webpack.configng-build或創建自定義命令來執行這兩個操作

回答

0

ng-cli構建於webpack上。您可以使用ng eject刪除ng-cli封裝,並顯示下面的webpack配置。

+0

我使用它,我看到了web.config文件,我發現它應該編譯sass文件,所以爲什麼在使用ng-build的時候並沒有編譯和縮小自動? –

+0

我不知道你在conf中改變了什麼。使用乾淨的新ng-cli項目,它會自動編譯sass文件。通常情況下,你不需要自己指定它:/ –

+0

是的你是對的,我現在試過,我可以看到,但我看到它將一切轉換爲.js文件沒有CSS,爲什麼要這樣做?並且它是一種將其轉換爲正常的css文件的方法 –