webpack-bundle-analyzer的使用

环境说明(windows)

1 node版本

node -v
v14.17.5

2 npm 版本

npm -v
8.19.2

3 安装 webpack-bundle-analyzer

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

4 全局安装 cross-env（这一步是为了解决 'NODE_ENV' 不是内部或外部命令，也不是可运行的程序或批处理文件 的报错）

npm install -g cross-env

6 打开package-json文件，在script对象里添加代码

"analyz": "cross-env NODE_ENV=production npm_config_report=true npm run build"

7 执行

npm run analyz

8 分析打开的网页，结束