浅析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 相关文章推荐
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
从盛大通行证上摘下来的身份证验证js代码
Jan 11 Javascript
微信分享的标题、缩略图、连接及描述设置方法
Oct 14 Javascript
javascript中setInterval的用法
Jul 19 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
概述BootStrap中role="form"及role作用角色
Dec 08 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
Vue使用Ref跨层级获取组件的步骤
Jan 25 Vue.js
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 url地址栏传中文乱码解决方法集合
2010/06/25 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
深入理解JavaScript高级之词法作用域和作用域链
2013/12/10 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
基于 Docker 开发 NodeJS 应用
2014/07/30 NodeJs
jquery带有索引按钮且自动轮播切换特效代码分享
2015/09/15 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
Google 地图叠加层实例讲解
2016/08/06 Javascript
微信小程序 地图定位简单实例
2016/10/14 Javascript
用vue和node写的简易购物车实现
2017/04/25 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
javascript导出csv文件(excel)的方法示例
2019/08/25 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
keep-alive不能缓存多层级路由菜单问题解决
2020/03/10 Javascript
Python 开发Activex组件方法
2009/11/08 Python
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
Python正则表达式匹配ip地址实例
2014/10/09 Python
Python实现保证只能运行一个脚本实例
2015/06/24 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
Python实现动态循环输出文字功能
2020/05/07 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
酒店服务与管理毕业生求职信
2013/11/02 职场文书
幼儿园教师教学反思
2014/02/06 职场文书
公司中秋节活动方案
2014/02/12 职场文书
2014年城管工作总结
2014/11/20 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
运动会通讯稿600字
2015/07/20 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
深入解析NumPy中的Broadcasting广播机制
2021/05/30 Python