Create React App 项目打包体积分析

712 阅读1分钟

source-map-explorer 通过分析 sourcemap 文件生成 CRA 项目打包体积分析报告,效果如下图:

安装与使用:

  1. 添加项目依赖:

    yarn add source-map-explorer
    
  2. package.jsonscripts 中添加:

    "analyze": "source-map-explorer 'build/static/js/*.js'"
    
  3. 执行命令:

    yarn run build
    yarn run analyze
    
  4. 执行完毕后会自动在浏览器中打开报告页面。

注:需启用 generate sourcemap(默认为开启状态)。