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

javascript新手语法小结

Jun 15 Javascript

js绑定事件this指向发生改变的问题解决方法

Apr 23 Javascript

jQuery操作input值的各种方法总结

Nov 21 Javascript

javascript中setTimeout和setInterval的unref()和ref()用法示例

Nov 26 Javascript

angularJS提交表单（form）

Feb 09 Javascript

js选择器全面解析

Jun 27 Javascript

JS动态插入脚本和插入引用外部链接脚本的方法

May 21 Javascript

微信小程序实现自定义加载图标功能

Jul 19 Javascript

原生JS无缝滑动轮播图

Oct 22 Javascript

vue 动态表单开发方法案例详解

Dec 02 Javascript

node静态服务器实现静态读取文件或文件夹

Dec 03 Javascript

浅谈Vue static 静态资源路径和 style问题

Nov 07 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输出控制功能在简繁体转换中的应用

2006/10/09 PHP

本地机apache配置基于域名的虚拟主机详解

2013/08/10 PHP

php多任务程序实例解析

2014/07/19 PHP

PHP实现无限极分类图文教程

2014/11/25 PHP

PHP实现获取某个月份周次信息的方法

2015/08/11 PHP

PHP简单日历实现方法

2016/07/20 PHP

PHP常用的三种设计模式汇总

2016/08/28 PHP

thinkphp实现附件上传功能

2017/05/26 PHP

Laravel构建即时应用的一种实现方法详解

2017/08/31 PHP

PHP排序算法之快速排序(Quick Sort)及其优化算法详解

2018/04/21 PHP

PHP 二维array转换json的实例讲解

2018/08/21 PHP

jquery 最简单的属性菜单

2009/10/08 Javascript

IE bug table元素的innerHTML

2010/01/11 Javascript

jQuery Jcrop插件实现图片选取功能

2011/11/23 Javascript

通过jquery还原含有rowspan、colspan的table的实现方法

2012/02/10 Javascript

原生javascript实现图片按钮切换

2015/01/12 Javascript

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

2015/06/08 Javascript

JavaScript实现经典排序算法之冒泡排序

2016/12/28 Javascript

vue的事件绑定与方法详解

2017/08/16 Javascript

微信小程序支付PHP代码

2018/08/23 Javascript

对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解

2018/08/27 Javascript

Nodejs Express 通过log4js写日志到Logstash(ELK)

2018/08/30 NodeJs

使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子

2019/09/25 Javascript

利用原生JS实现欢乐水果机小游戏

2020/04/23 Javascript

python实现旋转和水平翻转的方法

2018/10/25 Python

Django项目中添加ldap登陆认证功能的实现

2019/04/04 Python

python调用支付宝支付接口流程

2019/08/15 Python

文件上传服务器-jupyter 中python解压及压缩方式

2020/04/22 Python

Python如何在循环内使用list.remove()

2020/06/01 Python

解决HTML5中的audio在手机端和微信端的不能自动播放问题

2019/11/04 HTML / CSS

德国著名廉价网上药店：Shop-Apotheke

2017/07/23 全球购物

年级组长自我鉴定

2014/02/22 职场文书

手机银行营销方案

2014/03/14 职场文书

员工辞职信怎么写

2015/02/27 职场文书

建筑工程挂靠协议书

2016/03/23 职场文书

redis通过6379端口无法连接服务器（redis-server.exe闪退）

2021/05/08 Redis