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

发布于 2022-09-12 23:44:31 字数 226 浏览 21 评论 0

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

image.png

image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

顾挽 2022-09-19 23:44:31

建议装一个 webpack-bundle-analyzer 看一下打包后的 app.js 的组成成分。

萧瑟寒风 2022-09-19 23:44:31

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文