Angular CLI 1.7.2 + Webpack 4.1.0没有使用--prod构建

Question

所以我最近在angular5项目上运行了一个ng update，并将angular cli更新为版本1.7.2，将webpack更新为4.1.0。我可以使用ng build构建没有错误，但是当我运行ng build --prod时，我收到以下错误：

78% advanced chunk optimizationD:\WORKSPACE\node_modules\webpack\lib\Chunk.js:465
                throw new Error("Chunk.entrypoints: Use Chunks.addGroup instead");
                ^

Error: Chunk.entrypoints: Use Chunks.addGroup instead
    at Chunk.set (D:\WORKSPACE\node_modules\webpack\lib\Chunk.js:465:9)
    at D:\WORKSPACE\node_modules\extract-text-webpack-plugin\dist\index.js:176:40
    at Array.forEach (<anonymous>)
    at Compilation.<anonymous> (D:\WORKSPACE\node_modules\extract-text-webpack-plugin\dist\index.js:171:18)
    at Compilation.applyPluginsAsyncSeries (D:\WORKSPACE\node_modules\tapable\lib\Tapable.js:206:13)
    at Compilation.seal (D:\WORKSPACE\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:602:8)
    at applyPluginsParallel.err (D:\WORKSPACE\node_modules\@angular\cli\node_modules\webpack\lib\Compiler.js:504:17)
    at D:\WORKSPACE\node_modules\tapable\lib\Tapable.js:289:11
    at _addModuleChain (D:\WORKSPACE\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:505:11)
    at processModuleDependencies.err (D:\WORKSPACE\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:475:14)
    at _combinedTickCallback (internal/process/next_tick.js:131:7)
    at process._tickCallback (internal/process/next_tick.js:180:9)

不知道该怎么做，有什么帮助吗？我可以发布我的webpack.config.js和packages.json，如果它会有所帮助。

Answer 1

我使用Angular CLI 1.7.2将一个新项目引导到GitHub仓库中，并在每次提交中逐步更新它以使其使用Webpack 4.0.1进行构建。

https://github.com/fernandoespinosa/angular-cli-webpack4-sample/

要解决您当前的问题，您必须更新几个包：

npm i -D --save --force html-webpack-plugin@latest
npm i -D --save --force [email protected]

请记住，CommonsChunkPlugin已被弃用，因此您必须将其从webpack.config.js中删除。你将不得不ng eject这个文件并玩一点点。

ng eject --aot=true --target=production --build-optimizer=true