如何使用gulp和webpack减小webpack包的大小

时间:2019-06-11 04:59:55

标签: javascript webpack gulp bundle

我的webpack js捆绑包为300kb,其中包含少量我自己的代码。 我该如何减少呢?

我尝试了几种导入方式(尽管我没有使用很多库

我的代码在这里可用。 https://github.com/gpitot/gulp-template

我的Babelrc文件:https://github.com/gpitot/gulp-template/blob/master/.babelrc

我的webpack配置:https://github.com/gpitot/gulp-template/blob/master/gulpfile.babel.js

我的gulpfile:https://github.com/gpitot/gulp-template/blob/master/gulpfile.babel.js

我希望由于pollyfills会自动出现一些捆绑代码,但不是很多。

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

当您提供stats命令行参数时,Webpack还提供--stats。您可以将统计信息重定向到文件,然后在https://chrisbateman.github.io/webpack-visualizer/中打开文件,以查看不同模块对最终捆绑包大小的贡献。我没有在gulp上使用webpack,所以无法确切说明如何访问那里的统计信息。请检查文档