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

来源：动视网责编：小OO 时间：2020-11-27 19:40:49

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

问题；使用webpack进行打包时，发现bundle.js竟然有2M多。解决办法；网上有去除插件、提取第三方库、压缩代码等方法。还有一个比较容易忽略的原因就是开了sourcemap。在生产环境中，应使用devtool： false。关闭sourcemap后bundle.js的大小从2.46M降到302k。上面是我整理给大家的，希望今后会对有帮助。相关文章。在vue中如何实现类似淘宝星级评分。在vue中如何解决无法动态修改jqgrid组件 url地址的问题。在React中使用Native如何实现自定义下拉刷新上拉加载的列表。

推荐度：

点击下载本文 文档为doc格式

导读问题；使用webpack进行打包时，发现bundle.js竟然有2M多。解决办法；网上有去除插件、提取第三方库、压缩代码等方法。还有一个比较容易忽略的原因就是开了sourcemap。在生产环境中，应使用devtool： false。关闭sourcemap后bundle.js的大小从2.46M降到302k。上面是我整理给大家的，希望今后会对有帮助。相关文章。在vue中如何实现类似淘宝星级评分。在vue中如何解决无法动态修改jqgrid组件 url地址的问题。在React中使用Native如何实现自定义下拉刷新上拉加载的列表。

下面我就为大家分享一篇浅谈webpack打包生成的bundle.js文件过大的问题，具有很好的参考价值，希望对大家有所帮助。

问题

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

解决办法

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

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

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

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