浅谈webpack打包生成的bundle.js文件过大的问题
更新时间：2018年02月22日 11:25:49 作者：azureternite
下面小编就为大家分享一篇浅谈webpack打包生成的bundle.js文件过大的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
问题
使用webpack进行打包时，发现bundle.js竟然有2M多。
解决办法
网上有去除插件、提取第三方库、压缩代码等方法。
还有一个比较容易忽略的原因就是开了sourcemap
在生产环境中，应使用devtool: false
关闭sourcemap后bundle.js的大小从2.46M降到302k
以上这篇浅谈webpack打包生成的bundle.js文件过大的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
如何需要进行动态的导入js文件，那么下面的方法或许可以帮助到大家2014-01-01
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
这篇文章主要介绍了JavaScript实现正则去除a标签并保留内容的方法,结合实例形式详细分析了javascript针对a标签及span标签的正则匹配相关操作技巧,需要的朋友可以参考下2018-07-07
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
这篇文章主要介绍了javascript基于牛顿迭代法实现求浮点数的平方根,简单说明了牛顿迭代法的原理,并结合实例分析了javascript基于递归的数值运算相关操作技巧,需要的朋友可以参考下2017-09-09
这篇文章主要介绍JavaScript的三种this指向的方法：call()、bind()、apply()，文中通过代码示例介绍的非常详细,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了JavaScript数组的使用方法，数组（Array）是有序的元素序列。若将有限个类型相同的变量的集合命名，那么这个名称为数组名，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
Array的push与unshift方法都能给当前数组添加元素，不同的是，push是在末尾添加，而unshift则是在开头添加。2011-03-03
下面小编就为大家带来一篇js 发布订阅模式的实例讲解。小编觉得挺不错的，现在就想给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了js读取cookie方法,实例总结了四种常用的读取方法,包含了对cookie数据的分割与遍历操作,是非常实用的技巧,需要的朋友可以参考下2014-10-10
本篇文章主要介绍了JS如何设置元素样式的方法示例，主要介绍了三种方法，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
这篇文章主要为大家详细介绍了js实现网页定位导航功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
最新评论