Angular 2 webpack包大小

时间:2017-11-09 15:48:30

标签: angular webpack

我正在尝试减少webpack包的大小。该项目围绕角度2& amp;的WebPack。

回到我使用角度2.0.0的那一天,捆绑大小约为2mb,这很好。

但是现在,在对v4和v5进行更新后,捆绑包大小暴涨到> 15mb。甚至在Uglify / Babili-minify / Closure Compiler之后

有没有人能发现任何明显的东西或建议改善捆绑尺寸的方法? (除了提到的glify / Babili-minify / Closure Compiler之外,因为它们的大小只减少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

的package.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

1 个答案:

答案 0 :(得分:0)

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

- d是以下的快捷方式:

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