为优化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://www.lhsxpumps.com/_localhost:8888
注意8888端口是写死的,不可以更改,如果本地已经启动了8888端口,会报错
页面展示
如对本文有疑问, 点击进行留言回复!!
JavaScript 好题汇总分享(持续更新,看到好题就写)
XMLHttpRequest 2级 &&进度事件&&JSONP
使用递归原生实现拷贝&&最简单的方法实现深拷贝
网友评论