浅谈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 相关文章推荐
juqery 学习之五 文档处理 插入
Feb 11 Javascript
jquery插件制作 提示框插件实现代码
Aug 17 Javascript
JQuery实现用户名无刷新验证的小例子
Mar 22 Javascript
js实现固定显示区域内自动缩放图片的方法
Jul 18 Javascript
jquery判断复选框选中状态以及区分attr和prop
Dec 18 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
微信小程序实现多选功能
Nov 04 Javascript
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
vue中可编辑树状表格的实现代码
Oct 31 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 Javascript
Js类的构建与继承案例详解
Sep 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与SQL注入攻击[三]
2007/04/17 PHP
php判断对象是派生自哪个类的方法
2015/06/20 PHP
WordPress分页伪静态加html后缀
2016/06/08 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
php生成HTML文件的类方法
2019/10/11 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
javascript web对话框与弹出窗口
2009/02/22 Javascript
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
2010/05/18 Javascript
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
javascript的hashCode函数实现代码小结
2020/08/11 Javascript
Python读写Excel文件方法介绍
2014/11/22 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
动感网页相册 python编写简单文件夹内图片浏览工具
2016/08/17 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
Python 统计字数的思路详解
2018/05/08 Python
利用Python将文本中的中英文分离方法
2018/10/31 Python
python微元法计算函数曲线长度的方法
2018/11/08 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
np.random.seed() 的使用详解
2020/01/14 Python
python代码实现将列表中重复元素之间的内容全部滤除
2020/05/22 Python
Pycharm无法打开双击没反应的问题及解决方案
2020/08/17 Python
python request 模块详细介绍
2020/11/10 Python
super关键字的用法
2012/04/10 面试题
行政办公员自我评价分享
2013/12/14 职场文书
母亲节感恩寄语
2014/02/21 职场文书
公司委托书怎么写
2014/08/02 职场文书
复试通知单模板
2015/04/24 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
Java中PriorityQueue实现最小堆和最大堆的用法
2021/06/27 Java/Android