前端性能监控工具

webpack-bundle-analyzer 打包产物分析

webpack插件，可以分析打包产物各个模块大小。生成一个静态html 相关地址： https://www.npmjs.com/package/webpack-bundle-analyzer

LightHouse

支持两种使用模式，一种是Chrome插件。另外一种是提供了npm 方便自动化场景 就Chrome插件而言 可以很方便的测出你的网页大概性能分，

Chrome devTools

React Devtools Profiler