编程 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 相关文章推荐

基于Jquery的动态添加控件并取值的实现代码

Sep 24 Javascript

清除div下面的所有标签的方法

Feb 17 Javascript

JavaScript中this关键词的使用技巧、工作原理以及注意事项

May 20 Javascript

JavaScript中的toLocaleLowerCase()方法使用详解

Jun 06 Javascript

通过点击jqgrid表格弹出需要的表格数据

Dec 02 Javascript

JQuery 设置checkbox值二次无效的解决方法

Jul 22 Javascript

js实现无缝滚动图（可控制当前滚动的方向）

Feb 22 Javascript

Vue 2.0学习笔记之使用$refs访问Vue中的DOM

Dec 19 Javascript

Vue使用mixins实现压缩图片代码

Mar 14 Javascript

对angularjs框架下controller间的传值方法详解

Oct 08 Javascript

Vue 实现一个命令式弹窗组件功能

Sep 25 Javascript

javascript实现用户必须勾选协议实例讲解

Mar 24 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后台程序与Javascript的两种交互方式

2009/10/25 PHP

PHP中的函数-- foreach()的用法详解

2013/06/24 PHP

php支付宝接口用法分析

2015/01/04 PHP

PHP使用pear实现mail发送功能 windows环境下配置pear

2016/04/15 PHP

PHP使用PDO实现mysql防注入功能详解

2019/12/20 PHP

div层的移动及性能优化

2010/11/16 Javascript

一些实用的jQuery代码片段收集

2011/07/12 Javascript

用Jquery实现滚动新闻

2014/02/12 Javascript

jQuery中事件对象e的事件冒泡用法示例介绍

2014/04/25 Javascript

详解jQuery事件

2017/01/13 Javascript

微信小程序之拖拽排序（代码分享）

2017/01/21 Javascript

Angular限制input框输入金额（是小数的话只保留两位小数点）

2017/07/13 Javascript

简单实现js进度条加载效果

2020/03/25 Javascript

JavaScript实现树的遍历算法示例【广度优先与深度优先】

2017/10/26 Javascript

详解Angular结合zTree异步加载节点数据

2018/01/20 Javascript

Vue2 添加数据可视化支持的方法步骤

2019/01/02 Javascript

微信小程序实现传递多个参数与事件处理

2019/08/12 Javascript

vue倒计时刷新页面不会从头开始的解决方法

2020/03/03 Javascript

[03:39]这就是刀塔，我们是冠军！燃情短片讲述我们的DOTA故事

2019/07/02 DOTA

python数据库操作常用功能使用详解(创建表/插入数据/获取数据)

2013/12/06 Python

Python的__builtin__模块中的一些要点知识

2015/05/02 Python

Python中对象迭代与反迭代的技巧总结

2016/09/17 Python

Python提取特定时间段内数据的方法实例

2019/04/01 Python

python实现ip地址查询经纬度定位详解

2019/08/30 Python

Python通过socketserver处理多个链接

2020/03/18 Python

一款利用纯css3实现的win8加载动画的实例分析

2014/12/11 HTML / CSS

金牌葡萄酒俱乐部：Gold Medal Wine Club

2017/11/02 全球购物

HolidayLettings英国：预订最好的度假公寓、别墅和自助式住宿

2019/08/27 全球购物

深圳-东方伟业笔试部分

2015/02/11 面试题

美术学专业求职信

2014/07/23 职场文书

领导班子四风问题对照检查材料

2014/09/27 职场文书

意外死亡赔偿协议书

2014/10/14 职场文书

留学推荐信中文范文

2015/03/26 职场文书

委托收款证明

2015/06/23 职场文书

《刺客之王：C罗全景传记》：时代从来不会亏待手艺人

2019/11/28 职场文书

pnpm对npm及yarn降维打击详解

2022/08/05 Javascript