浅谈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 02 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
Aug 31 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
JavaScript使用Range调色及透明度实例
Sep 25 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
TypeScript中的方法重载详解
Apr 12 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 Javascript
js代码实现轮播图
May 04 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
UCenter Home二次开发指南
2009/05/28 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
php笔记之:有规律大文件的读取与写入的分析
2013/04/26 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
JS的get和set使用示例
2014/02/20 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
详解JavaScript UTC时间转换方法
2016/01/07 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
postman传递当前时间戳实例详解
2019/09/14 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
C语言编程题
2015/03/09 面试题
房地产销售经理岗位职责
2014/01/01 职场文书
公司活动邀请函
2014/01/24 职场文书
寄语学生的话
2014/04/10 职场文书
工作说明书范文
2014/05/07 职场文书
2015年班级元旦晚会活动总结
2014/11/28 职场文书
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server
MySQL创建表操作命令分享
2022/03/25 MySQL
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers