体积分析

88 阅读1分钟

可以分析哪些问题:

  1. 依赖的第三方模块文件大小
  2. 业务里面的组件代码大小
npm i webpack-bundle-analyzer -D
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
module.exports = {
    plugins: [
        new BundleAnalyzerPlugin()
    ]
}

npm run build 后自动 8888 端口展示。分析出来后可以处理一下。比如通过 cdn 引入等。