vue-cli打包优化之分析工具webpack-bundle-analyzer

Z时代
2024-01-10
分类：综合

vue

// 1. 安装
cnpm install webpack-bundle-analyzer --save-dev
// 2. 在/build/webpack.prod.conf.js文件中引入
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
// 然后配置一下：
plugins: [
    new BundleAnalyzerPlugin()
]
// 3. 在package.json文件中配置：
"scripts": {
    "analyz": "NODE_ENV=production npm_config_report=true npm run build"
}
// 4. 运行（会自动在浏览器打开：http://127.0.0.1:8888/）
npm run build