Angular 角度2网页包包大小

Angular 角度2网页包包大小,angular,webpack,Angular,Webpack,我正试图缩小我的网页包包的大小。该项目是围绕angular 2和webpack构建的 在我使用angular 2.0.0的那一天,包的大小大约是2mb,这很好 但现在,在升级到v4和v5之后,捆绑包大小猛增到>15mb。即使在Uglify/Babili minify/Closure编译器之后也是如此 有没有人能发现任何明显的问题或提出改进捆绑规模的方法?(除了提到的glify/Babili minify/Closure编译器之外,因为它们只减少了2-3mb的大小…从20mb中) 网页包配置:

我正试图缩小我的网页包包的大小。该项目是围绕angular 2和webpack构建的

在我使用angular 2.0.0的那一天,包的大小大约是2mb,这很好

但现在,在升级到v4和v5之后,捆绑包大小猛增到>15mb。即使在Uglify/Babili minify/Closure编译器之后也是如此

有没有人能发现任何明显的问题或提出改进捆绑规模的方法?(除了提到的glify/Babili minify/Closure编译器之外,因为它们只减少了2-3mb的大小…从20mb中)

网页包配置:

Package.json

tsconfig:

谢谢你的帮助

更新: Webpack2.3用于生成大型源地图,主js文件约为3-4MB。我想知道是不是因为Webpack3.8,问题出在webpack的--d选项中,它阻止了sourcemaps的生成。 在我删除它之后,源映射被生成,包大小从20MB减少到3mb

--d是以下各项的快捷方式:

--debug --devtool cheap-module-eval-source-map --output-pathinfo
问题出在webpack的--d选项中,它阻止了sourcemaps的生成。 在我删除它之后,源映射被生成,包大小从20MB减少到3mb

--d是以下各项的快捷方式:

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

需要检查的一件事是,有人没有意外地从“rxjs/Rx”导入Rx或类似的东西。我建议你不要导入所有的“@angular/material”;谢谢你,伙计,把它改成了,但是供应商捆绑包的大小没有减少多少:(需要检查的一件事是,有人没有意外地
从“rxjs/Rx”导入Rx)
或类似内容。我还建议您不要导入所有“@angular/material”;谢谢,伙计,将其更改为,但供应商捆绑包的大小没有减少多少:(