浅谈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 相关文章推荐
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
javascript制作的网页侧边弹出框思路及实现代码
May 21 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
Javascript技术栈中的四种依赖注入小结
Feb 27 Javascript
JavaScript简单下拉菜单特效
Sep 13 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 Javascript
vue项目创建步骤及路由router
Jan 14 Javascript
javascript将扁平的数据转为树形结构的高效率算法
Feb 27 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
2019年漫画销量排行榜:鬼灭登顶 海贼单卷制霸 尾田盛赞鬼灭
2020/03/08 日漫
php下使用curl模拟用户登陆的代码
2010/09/10 PHP
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
JQueryEasyUI datagrid框架的基本使用
2013/04/08 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
Nodejs学习笔记之Global Objects全局对象
2015/01/13 NodeJs
jQuery进行组件开发完整实例
2015/12/15 Javascript
javascript实现图片轮播效果
2016/01/20 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
2017/01/14 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
2017/12/29 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
Python生成pdf文件的方法
2014/08/04 Python
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
Python打印斐波拉契数列实例
2015/07/07 Python
举例讲解Python常用模块
2019/03/08 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
浅析HTML5页面元素及属性
2021/01/20 HTML / CSS
计算机应用专业学生的自我评价分享
2013/11/03 职场文书
机械制造毕业生求职信
2014/03/03 职场文书
基层党员对照检查材料
2014/08/25 职场文书
初中学习计划书范文
2014/09/15 职场文书
师德标兵事迹材料
2014/12/19 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL
《仙剑客栈2》第一弹正式宣传片公开 年内发售
2022/04/07 其他游戏