@vue/cli 4 项目中安装 webpack-bundle-analyzer 分析包,来查找需要优化的文件
在安装
webpack-bundle-analyzer
分析包之前,在项目中可以通过
npm list vue
查看项目所使用的 @vue 版本以及运行
vue -V
查看项目所使用的 @vue/cli 版本。
1、简介及安装
webpack-bundle-analyzer 可视化资源分析工具可以直观地分析打包出的文件有哪些,及它们的大小、占比情况、各文件 Gzipped
后的大小、模块包含关系、依赖项等。
在终端或 DOS 命令窗口中输入以下的命令行先安装 webpack-bundle-analyzer
npm install webpack-bundle-analyzer -D
2、修改 vue.config.js和 package.json
文件位置:
① 修改 vue.config.js文件,代码如下:
module.exports