0%

体积分析：使用webpack-bundle-analyzer

发表于 更新于 分类于 ， ， Valine：

体积分析：使用webpack-bundle-analyzer

  • 代码示例：构建完成后会在 8888 端口展示大小

    1
    2
    3
    4
    5
    6
    7
    const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');

    module.exports = {
        plugins: [
            new BundleAnalyzerPlugin()
        ]
    };

  • 了解更多

可以分析哪些问题？

  • 依赖的第三方模块文件大小
  • 业务里面的组件代码大小

参考

-------------本文结束感谢您的阅读-------------