可以分析哪些问题:
- 依赖的第三方模块文件大小
- 业务里面的组件代码大小
npm i webpack-bundle-analyzer -D
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
module.exports = {
plugins: [
new BundleAnalyzerPlugin()
]
}
npm run build 后自动 8888 端口展示。分析出来后可以处理一下。比如通过 cdn 引入等。