使用webpackmonitor监控Nuxt项目Webpack优化指标
Webpack 构建的 Nuxt 项目调试起来费劲？webpackmonitor 的 Nuxt 模块确实帮了我不少忙。它会在你开发的时候自动采集每次构建的性能数据，像打包时间、文件大小这些，通通记录下来，做优化的时候一目了然。
直接在nuxt.config.js里加上@nuxtjs/webpackmonitor，启动项目后就会生成性能报告，默认会存在.monitor目录里。想用 Git 跟踪？把它从.gitignore里去掉就行，挺灵活的。
我觉得最方便的是它不需要你额外写逻辑，装好配置一下就能用了，响应也快，报告也挺直观。适合那种刚想开始关注性能但不想上手太重的场景。
如果你还在靠手动 Webpack 的输出信息，不如试试它，效果还挺让人意外的。顺手贴几个相关资源给你：
如果你用的是 Yarn，装依赖的命令也顺：yarn add @nuxtjs/webpackmonitor。喜欢命令行干净利落的，别错过。
文件大小：74.9KB
评论区