编程 Javascript

浅谈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文件过大的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

azureternite

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

encode脚本和normal脚本混用的问题与解决方法

Mar 08 Javascript

jquery下操作HTML控件的实现代码

Jan 12 Javascript

EasyUI 中 MenuButton 的使用方法

Jul 14 Javascript

JS获取几种URL地址的方法小结

Feb 26 Javascript

jquery增加和删除元素的方法

Jan 14 Javascript

推荐10 款 SVG 动画的 JavaScript 库

Mar 24 Javascript

jQuery焦点图插件SaySlide

Dec 21 Javascript

浅析JS运动

Dec 28 Javascript

WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

Jan 12 Javascript

javascript 将共享属性迁移到原型中去的实现方法

Aug 31 Javascript

Bootstrap 填充Json数据的实例代码

Jan 11 Javascript

vue和webpack安装命令详解

Jun 15 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多用户计数器代码

2007/03/11 PHP

php下统计用户在线时间的一种尝试

2010/08/26 PHP

ThinkPHP写第一个模块应用

2012/02/20 PHP

php实现的常见排序算法汇总

2014/09/08 PHP

PHP使用DirectoryIterator显示下拉文件列表的方法

2015/03/13 PHP

thinkphp命名空间用法实例详解

2015/12/30 PHP

thinkPHP利用ajax异步上传图片并显示、删除的示例

2018/09/26 PHP

php文件后缀不强制为.php的实操方法

2019/09/18 PHP

如何阻止复制剪切和粘贴事件为了表单内容的安全

2013/05/23 Javascript

jquery插件orbit.js实现图片折叠轮换特效

2015/04/14 Javascript

javascript实现图片上传前台页面

2015/08/18 Javascript

JavaScript模拟鼠标右键菜单效果

2020/12/08 Javascript

JavaScript Promise 用法

2016/06/14 Javascript

Bootstrap datepicker日期选择器插件使用详解

2017/07/26 Javascript

JS实现元素上下左右移动效果

2017/10/18 Javascript

vue 权限认证token的实现方法

2018/07/17 Javascript

js操作table中tr的顺序实现上移下移一行的效果

2018/11/22 Javascript

echarts实现词云自定义形状的示例代码

2019/02/20 Javascript

Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解

2019/08/07 Javascript

javascript 函数的暂停和恢复实例详解

2020/04/25 Javascript

[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22

2018/08/23 DOTA

Python引用（import）文件夹下的py文件的方法

2014/08/26 Python

跟老齐学Python之坑爹的字符编码

2014/09/28 Python

Python多进程机制实例详解

2015/07/02 Python

Django使用HttpResponse返回图片并显示的方法

2018/05/22 Python

Farah官方网站：男士服装及配件

2019/11/01 全球购物

main 函数执行以前，还会执行什么代码

2013/04/17 面试题

电信专业应届生自荐信

2013/09/28 职场文书

电子商务专员岗位职责

2013/12/11 职场文书

棉花姑娘教学反思

2014/02/15 职场文书

《莫高窟》教学反思

2014/02/25 职场文书

建房协议书

2014/04/11 职场文书

社团活动总结

2014/04/28 职场文书

医学专业大学生职业生涯规划书

2014/10/25 职场文书

财务整改报告范文

2014/11/05 职场文书

小学数学新课改心得体会

2016/01/22 职场文书