时间:2021-05-18
问题
使用webpack进行打包时,发现bundle.js竟然有2M多。
解决办法
网上有去除插件、提取第三方库、压缩代码等方法。
还有一个比较容易忽略的原因就是开了sourcemap
在生产环境中,应使用devtool: false
关闭sourcemap后bundle.js的大小从2.46M降到302k
以上这篇浅谈webpack打包生成的bundle.js文件过大的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
方法一:我们要借助bundle-loader来实现按需加载。首先,新建一个bundle.js文件:importReact,{Component}from'rea
之前一篇文章分析了Webpack打包JS模块的基本原理,所介绍的案例是最常见的一种情况,即多个JS模块和一个入口模块,打包成一个bundle文件,可以直接被浏览
类似于这样的map文件由webpack自动生成参数:devtool:'#eval-source-map',//映射js到原文件由于打包后的js调试不方面,所以应
我们知道使用webpack打包vue项目后会生成一个dist文件夹,dist文件夹下有html文件和其他css、js以及图片等,那么打包后的文件该如何正确运
在使用vue-cli创建vue项目时,可以自动生成webpack文件。使用npmrunbuild即可打包发布生产文件,打包后的文件webpack配置可以看到使用