Rumah  >  Artikel  >  hujung hadapan web  >  使用webpack打包处理bundle.js文件过大的问题

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

亚连
亚连asal
2018-06-05 15:32:042200semak imbas

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

问题

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

解决办法

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

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

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

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

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

相关文章:

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

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

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

Atas ialah kandungan terperinci 使用webpack打包处理bundle.js文件过大的问题. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:怎样对vue文件进行解析Artikel seterusnya:怎样操作vue-cli2.9.3