编程 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 02 Javascript

解决Jquery向页面append新元素之后事件的绑定问题

Mar 16 Javascript

jquery+CSS3实现淘宝移动网页菜单效果

Aug 31 Javascript

JS中call/apply、arguments、undefined/null方法详解

Feb 15 Javascript

图文详解Heap Sort堆排序算法及JavaScript的代码实现

May 04 Javascript

JavaScript使用Range调色及透明度实例

Sep 25 Javascript

JavaScript 身份证号有效验证详解及实例代码

Oct 20 Javascript

js 数据存储和DOM编程

Feb 09 Javascript

Bootstrap禁用响应式布局的实现方法

Mar 09 Javascript

TypeScript中的方法重载详解

Apr 12 Javascript

微信小程序拍照或从相册选取图片上传代码实例

Aug 28 Javascript

js代码实现轮播图

May 04 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

UCenter Home二次开发指南

2009/05/28 PHP

php数组的一些常见操作汇总

2011/07/17 PHP

php笔记之：有规律大文件的读取与写入的分析

2013/04/26 PHP

php字符串替换函数substr_replace()用法实例

2015/03/17 PHP

PHP简单实现生成txt文件到指定目录的方法

2016/04/25 PHP

PHP环境搭建的详细步骤

2016/06/30 PHP

php layui实现前端多图上传实例

2019/07/30 PHP

JS操作select下拉框动态变动(创建/删除/获取)

2013/06/02 Javascript

JS的get和set使用示例

2014/02/20 Javascript

JQuery工具函数汇总

2015/06/15 Javascript

JS处理json日期格式化问题

2015/10/01 Javascript

详解JavaScript UTC时间转换方法

2016/01/07 Javascript

JS实现简单易用的手机端浮动窗口显示效果

2016/09/07 Javascript

vue-cli的eslint相关用法

2017/09/29 Javascript

解决angularjs中同步执行http请求的方法

2018/08/13 Javascript

vue实现简单的星级评分组件源码

2018/11/16 Javascript

js利用递归与promise 按顺序请求数据的方法

2019/08/30 Javascript

详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法

2020/04/07 Javascript

为react组件库添加typescript类型提示的方法

2020/06/15 Javascript

详解vue3.0 diff算法的使用(超详细)

2020/07/01 Javascript

使用paramiko远程执行命令、下发文件的实例

2017/10/01 Python

Python 使用PIL中的resize进行缩放的实例讲解

2018/08/03 Python

win7 x64系统中安装Scrapy的方法

2018/11/18 Python

postman传递当前时间戳实例详解

2019/09/14 Python

如何用Python进行时间序列分解和预测

2021/03/01 Python

HTML5通过调用canvas对象的getContext()方法来获取绘图环境

2014/06/23 HTML / CSS

印度首选时尚目的地：Reliance Trends

2018/01/17 全球购物

C语言编程题

2015/03/09 面试题

房地产销售经理岗位职责

2014/01/01 职场文书

公司活动邀请函

2014/01/24 职场文书

寄语学生的话

2014/04/10 职场文书

工作说明书范文

2014/05/07 职场文书

2015年班级元旦晚会活动总结

2014/11/28 职场文书

SQL Server中常用截取字符串函数介绍

2022/03/16 SQL Server

MySQL创建表操作命令分享

2022/03/25 MySQL

Tomcat安装使用及部署Web项目的3种方法汇总

2022/08/14 Servers