webpack4 打包项目 app.js文件过大

大米
  • 30

image.png
打包完之后感觉APP.js是把除了第三方依赖包以外的文件又重新打了个大的包!
配置如下:

image.png

image.png

回复
阅读 674
2 个回答

1.在webpack里配置splitChunks,把重复引用的包抽出
2.在webpack里配置externals,把不经常变动的包排除,放在cdn上
3.在babelrc中配置按需加载,或者引入组件时不要引入整个包
4.打包时开启gzip,这个需要服务器支持

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏