vue-cli3配置webpack-bundle-analyzer插件

来源:http://www.chinese-glasses.com 作者:Web前端 人气:184 发布时间:2020-04-22
摘要:时间: 2019-09-22阅读: 193标签: 插件 为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件,找出最占用空间的插件有哪些,对应做出优化,网上看了一些网站,有的写的太麻烦了,现

时间: 2019-09-22阅读: 193标签: 插件

为优化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

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

页面展示

本文由10bet发布于Web前端,转载请注明出处:vue-cli3配置webpack-bundle-analyzer插件

关键词:

最火资讯