浅谈webpack打包生成的bundle.js文件过大的问题


Posted in Javascript onFebruary 22, 2018

问题

使用webpack进行打包时,发现bundle.js竟然有2M多。

解决办法

网上有去除插件、提取第三方库、压缩代码等方法。

还有一个比较容易忽略的原因就是开了sourcemap

在生产环境中,应使用devtool: false

关闭sourcemap后bundle.js的大小从2.46M降到302k

浅谈webpack打包生成的bundle.js文件过大的问题

以上这篇浅谈webpack打包生成的bundle.js文件过大的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于Jquery的动态添加控件并取值的实现代码
Sep 24 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
对angularjs框架下controller间的传值方法详解
Oct 08 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 Javascript
babel之配置文件.babelrc入门详解
Feb 22 #Javascript
javascript填充默认头像方法
Feb 22 #Javascript
一次记住JavaScript的6个正则表达式方法
Feb 22 #Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 #Javascript
node内置调试方法总结
Feb 22 #Javascript
详解vue移动端日期选择组件
Feb 22 #Javascript
webpack 单独打包指定JS文件的方法
Feb 22 #Javascript
You might like
php后台程序与Javascript的两种交互方式
2009/10/25 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
php支付宝接口用法分析
2015/01/04 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
div层的移动及性能优化
2010/11/16 Javascript
一些实用的jQuery代码片段收集
2011/07/12 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
详解jQuery事件
2017/01/13 Javascript
微信小程序之拖拽排序(代码分享)
2017/01/21 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
简单实现js进度条加载效果
2020/03/25 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
vue倒计时刷新页面不会从头开始的解决方法
2020/03/03 Javascript
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
Python通过socketserver处理多个链接
2020/03/18 Python
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
金牌葡萄酒俱乐部:Gold Medal Wine Club
2017/11/02 全球购物
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
深圳-东方伟业笔试部分
2015/02/11 面试题
美术学专业求职信
2014/07/23 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
留学推荐信中文范文
2015/03/26 职场文书
委托收款证明
2015/06/23 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript