编程 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 变量基础知识

Nov 07 Javascript

js过滤HTML标签以及空格的思路及代码

May 24 Javascript

HTML Color Picker(js拾色器效果)

Aug 27 Javascript

jQuery中[attribute!=value]选择器用法实例

Dec 31 Javascript

Jquery的基本对象转换和文档加载用法实例

Feb 25 Javascript

jQuery实现的超简单点赞效果实例分析

Dec 31 Javascript

原生js实现轮播图的示例代码

Feb 20 Javascript

基于cropper.js封装vue实现在线图片裁剪组件功能

Mar 01 Javascript

利用hasOwnProperty给数组去重的面试题分享

Nov 05 Javascript

Node.js Event Loop各阶段讲解

Mar 08 Javascript

微信小程序Page中data数据操作和函数调用方法

May 08 Javascript

html5调用摄像头截图功能

Jan 18 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

将数组写入txt文件 var_export

2009/04/21 PHP

PHP 获取远程文件内容的函数代码

2010/03/24 PHP

PHP动态编译出现Cannot find autoconf的解决方法

2014/11/05 PHP

PHP实现的简易版图片相似度比较

2015/01/07 PHP

如何写php守护进程（Daemon）

2015/12/30 PHP

深入解析PHP中SESSION反序列化机制

2017/03/01 PHP

解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法

2012/11/14 Javascript

JavaScript在XHTML中的用法详解

2013/04/11 Javascript

动态加载jQuery的两种方法实例分析

2015/07/17 Javascript

详解Bootstrap创建表单的三种格式（一）

2016/01/04 Javascript

如何利用Promises编写更优雅的JavaScript代码

2016/05/17 Javascript

JSON字符串转换JSONObject和JSONArray的方法

2016/06/03 Javascript

浅析Javascript ES6新增值比较函数Object.is

2016/08/24 Javascript

用JavaScript实现让浏览器停止载入页面的方法

2017/01/19 Javascript

Ionic + Angular.js实现图片轮播的方法示例

2017/05/21 Javascript

Angular X中使用ngrx的方法详解（附源码）

2017/07/10 Javascript

详解angular笔记路由之angular-router

2017/09/12 Javascript

jQuery实现的自定义轮播图功能详解

2018/12/28 jQuery

vuex页面刷新后数据丢失的方法

2019/01/17 Javascript

JavaScript动态创建二维数组的方法示例

2019/02/01 Javascript

JS实现计算小于非负数n的素数的数量算法示例

2019/02/26 Javascript

node.JS事件机制与events事件模块的使用方法详解

2020/02/06 Javascript

python 计算文件的md5值实例

2017/01/13 Python

tensorflow构建BP神经网络的方法

2018/03/12 Python

python实现飞机大战微信小游戏

2020/03/21 Python

Python lxml解析HTML并用xpath获取元素的方法

2019/01/02 Python

Django如何实现上传图片功能

2019/08/16 Python

巧用CSS3 border实现图片遮罩效果代码

2012/04/09 HTML / CSS

基础的CSS3弹性盒Flexbox布局使用实例

2016/04/08 HTML / CSS

YesStyle美国/全球：购买亚洲时装、美容化妆品和生活百货

2017/01/16 全球购物

Shell如何接收变量输入

2012/09/24 面试题

警察思想汇报

2014/01/04 职场文书

我的中国梦口号

2014/06/16 职场文书

找工作求职信

2014/07/07 职场文书

小学国旗下的演讲稿

2014/08/28 职场文书

优秀教师主要事迹材料

2015/11/04 职场文书