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

用示例说明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 其他游戏