浅谈webpack打包生成的bundle.js文件过大的问题
程序员文章站
2023-11-03 08:13:34
问题
使用webpack进行打包时,发现bundle.js竟然有2m多。
解决办法
网上有去除插件、提取第三方库、压缩代码等方法。
还有一个比较容易忽略的原因就是开...
问题
使用webpack进行打包时,发现bundle.js竟然有2m多。
解决办法
网上有去除插件、提取第三方库、压缩代码等方法。
还有一个比较容易忽略的原因就是开了sourcemap
在生产环境中,应使用devtool: false
关闭sourcemap后bundle.js的大小从2.46m降到302k
以上这篇浅谈webpack打包生成的bundle.js文件过大的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: javascript填充默认头像方法
推荐阅读
-
解决vue-cli脚手架打包后vendor文件过大的问题
-
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
-
浅谈webpack打包过程中因为图片的路径导致的问题
-
浅谈webpack打包生成的bundle.js文件过大的问题
-
解决vue-cli项目webpack打包后iconfont文件路径的问题
-
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
-
解决vue 项目使用webpack打包后,直接打开dist文件夹下的index.html页面空白的问题
-
浅谈webpack打包之后的文件过大的解决方法
-
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
-
使用vue打包时vendor文件过大或者是app.js文件很大的问题