浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】


Posted in Javascript onOctober 23, 2019

为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件,找出最占用空间的插件有哪些,对应做出优化

网上看了一些网站,有的写的太麻烦了,现将最简单的一种写出来供大家参考

安装:

npm install webpack-bundle-analyzer --save-dev

vue.config.js配置

module.exports = {
 chainWebpack: config => {
  config
   .plugin('webpack-bundle-analyzer')
   .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
 }
}

运行命令

npm run serve

访问 http://localhost:8888

  注意8888端口是写死的,不可以更改,如果本地已经启动了8888端口,会报错

页面展示

浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】

总结

以上所述是小编给大家介绍的vue-cli3配置webpack-bundle-analyzer插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
xss文件页面内容读取(解决)
Nov 28 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
jQuery拖拽 & 弹出层 介绍与示例
Dec 27 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
基于vue-ssr服务端渲染入门详解
Jan 08 Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 Javascript
Vue自动构建发布脚本的方法示例
Jul 24 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
p5.js临摹动态图形实现方法详解
Oct 23 #Javascript
jQuery实现轮播图源码
Oct 23 #jQuery
JavaScript实现图片轮播特效
Oct 23 #Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 #jQuery
微信小程序实现多行文字超出部分省略号显示功能
Oct 23 #Javascript
Vue实现数据请求拦截
Oct 23 #Javascript
Vue项目中如何使用Axios封装http请求详解
Oct 23 #Javascript
You might like
php数据访问之增删改查操作
2016/05/09 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
php中__toString()方法用法示例
2016/12/07 PHP
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
JQuery 获取Dom元素的实例讲解
2017/07/08 jQuery
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
在Python中使用__slots__方法的详细教程
2015/04/28 Python
简析Python的闭包和装饰器
2016/02/26 Python
详解Python装饰器由浅入深
2016/12/09 Python
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
对Python 网络设备巡检脚本的实例讲解
2018/04/22 Python
tensorflow 模型权重导出实例
2020/01/24 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
Python字典dict常用方法函数实例
2020/11/09 Python
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
海量信息软件测试笔试题
2015/08/08 面试题
物理系毕业生自荐信
2013/11/01 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
党员违纪检讨书
2015/05/05 职场文书
邹越演讲观后感
2015/06/15 职场文书
西游记读书笔记
2015/06/25 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
python - timeit 时间模块
2021/04/06 Python
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
python 标准库原理与用法详解之os.path篇
2021/10/24 Python