浅谈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文件过大的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js prototype 格式化数字 By shawl.qiu
Apr 02 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 Javascript
vue-awesome-swiper滑块插件使用方法详解
Nov 27 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
Ant Design的Table组件去除
Oct 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留言本模块主要功能的函数说明(代码可实现)
2013/06/25 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
jquery仿搜索自动联想功能代码
2014/05/23 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
原生js编写焦点图效果
2016/12/08 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
Python Django给admin添加Action的方法实例详解
2019/04/29 Python
python中bs4.BeautifulSoup的基本用法
2019/07/27 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
python实现简单井字棋小游戏
2020/03/05 Python
Django 解决阿里云部署同步数据库报错的问题
2020/05/14 Python
python中@property的作用和getter setter的解释
2020/12/22 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
移动端适配 使px自动转换rem
2019/08/26 HTML / CSS
会计电算化个人求职信范文
2014/01/24 职场文书
初中考试作弊检讨书
2014/02/01 职场文书
暑假安全教育广播稿
2014/09/10 职场文书
2014旅游局领导班子四风问题对照检查材料思想汇报
2014/09/19 职场文书
个人三严三实对照检查材料
2014/09/25 职场文书
护士年终考核评语
2014/12/31 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS