欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

使用webpack打包处理bundle.js文件过大的问题

程序员文章站 2024-02-09 08:48:58
...
下面我就为大家分享一篇浅谈webpack打包生成的bundle.js文件过大的问题,具有很好的参考价值,希望对大家有所帮助。

问题

使用webpack进行打包时,发现bundle.js竟然有2M多。

解决办法

网上有去除插件、提取第三方库、压缩代码等方法。

还有一个比较容易忽略的原因就是开了sourcemap

在生产环境中,应使用devtool: false

关闭sourcemap后bundle.js的大小从2.46M降到302k

使用webpack打包处理bundle.js文件过大的问题

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在vue中如何实现类似淘宝星级评分

在vue中如何解决无法动态修改jqgrid组件 url地址的问题

在React中使用Native如何实现自定义下拉刷新上拉加载的列表

以上就是使用webpack打包处理bundle.js文件过大的问题的详细内容,更多请关注其它相关文章!