简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

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

亚连
Lepaskan： 2018-06-05 15:32:04
asal
2199 orang telah melayarinya

下面我就为大家分享一篇浅谈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!

Label berkaitan：
webpack
sumber：php.cn
Artikel sebelumnya：怎样对vue文件进行解析 Artikel seterusnya：怎样操作vue-cli2.9.3
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Ralat dilemparkan apabila mengimport pembina prototaip Javascript dalam aplikasi Angular Saya mempunyai aplikasi Angular di mana saya cuba mengimport fail JS yang mempunyai pembin...
daripada 2024-04-04 11:36:15
0
1
288
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！