使用webpack打包处理bundle.js文件过大的问题
程序员文章站
2022-03-29 09:09:43
...
下面我就为大家分享一篇浅谈webpack打包生成的bundle.js文件过大的问题,具有很好的参考价值,希望对大家有所帮助。
问题
使用webpack进行打包时,发现bundle.js竟然有2M多。
解决办法
网上有去除插件、提取第三方库、压缩代码等方法。
还有一个比较容易忽略的原因就是开了sourcemap
在生产环境中,应使用devtool: false
关闭sourcemap后bundle.js的大小从2.46M降到302k
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
在vue中如何解决无法动态修改jqgrid组件 url地址的问题
在React中使用Native如何实现自定义下拉刷新上拉加载的列表
以上就是使用webpack打包处理bundle.js文件过大的问题的详细内容,更多请关注其它相关文章!
上一篇: splice()的10篇内容推荐
下一篇: php while循环控制实例讲解
推荐阅读
-
解决vue-cli脚手架打包后vendor文件过大的问题
-
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
-
浅谈webpack打包生成的bundle.js文件过大的问题
-
彻底解决 webpack 打包文件体积过大问题
-
解决vue-cli项目webpack打包后iconfont文件路径的问题
-
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
-
解决vue 项目使用webpack打包后,直接打开dist文件夹下的index.html页面空白的问题
-
浅谈webpack打包之后的文件过大的解决方法
-
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
-
使用vue打包时vendor文件过大或者是app.js文件很大的问题