Angular 2 webpack 包大小

Question

我正在尝试减小我的 webpack 包的大小。该项目是围绕 Angular 2 和 webpack 构建的。

在我使用 angular 2.0.0 的时候，包大小约为 2mb，这很好。

但现在，在更新到 v4 和 v5 之后，包大小飙升至 >15mb。即使在 Uglify/Babili-minify/Closure 编译器之后

谁能发现任何明显的东西或提出改进捆绑包大小的方法？ （除了提到的 glify/Babili-minify/Closure 编译器，因为它们只减少了 2-3mb 的大小......在 20mb 中）

Webpack 配置： https://github.com/mcgri/NgMultiApp/blob/master/NgMultiApp/webpack.common.js https://github.com/mcgri/NgMultiApp/blob/master/NgMultiApp/webpack.dev.js

包.json https://github.com/mcgri/NgMultiApp/blob/master/NgMultiApp/package.json

tsconfig: https://github.com/mcgri/NgMultiApp/blob/master/NgMultiApp/tsconfig.json

感谢您的帮助

更新： 用于生成大型源映射的 webpack 2.3 和主要的 js 文件大约为 3-4 mb。我想知道是不是因为 webpack 3.8

Answer 1

问题出在 webpack 的 --d 选项中，它阻止了 sourcemaps 的生成。 在我删除它之后，生成了源映射，并且包大小从 20 mb 减少到了 3 mb！

--d 是一个快捷方式：

--debug --devtool cheap-module-eval-source-map --output-pathinfo