浅谈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 1.2.x 升? 1.3.x 注意事项
May 06 Javascript
IE iframe的onload方法分析小结
Jan 07 Javascript
jquery下div 的resize事件示例代码
Mar 09 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
JS实现点击事件统计的简单实例
Jul 10 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 Javascript
微信小程序左滑删除功能开发案例详解
Nov 12 Javascript
使用JavaScript通过前端发送电子邮件
May 22 Javascript
js实现模拟购物商城案例
May 18 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
网络资源
2006/10/09 PHP
一些常用的php简单命令代码集锦
2007/09/24 PHP
php下清空字符串中的HTML标签的代码
2010/09/06 PHP
PHP简单获取上月、本月、近15天、近30天的方法示例
2017/07/03 PHP
基于jquery的web页面日期格式化插件
2011/11/15 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
window.location.href IE下跳转失效的解决方法
2014/03/27 Javascript
jQuery中offset()方法用法实例
2015/01/16 Javascript
Highcharts学习之坐标轴
2016/08/02 Javascript
JS实现页面打印功能
2017/03/16 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
基于JavaScript实现单例模式
2019/10/30 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
haskell实现多线程服务器实例代码
2013/11/26 Python
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
Python类的继承和多态代码详解
2017/12/27 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
基于python实现雪花算法过程详解
2019/11/16 Python
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
局域网标准
2016/09/10 面试题
自我鉴定思想方面
2013/10/07 职场文书
经典的班主任推荐信
2013/10/28 职场文书
销售总监工作职责
2013/11/21 职场文书
护理专科自荐书范文
2014/02/18 职场文书
感恩老师演讲稿600字
2014/08/28 职场文书
投资入股合作协议书
2014/10/28 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书