2017-07-07 120 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文件的方法 –