snAppy React前端打包优化扩展
snAppy 的交互式视图挺实用，专门给做 React 前端的你用来拆分代码、优化打包流程。装上之后，直接在 VS Code 里操作，不用切换工具窗口，效率高多了。Webpack 配置、供应商代码分离、动态拆分这些事它全包了。
Webpack 配置老是改来改去挺烦的？snAppy 能自动大部分拆分逻辑。像webpack.config.js这类文件它会自动生成，还能导出完整的打包报告，看清楚每一块 Bundle 的体积，优化更有方向。
用法也不复杂，装好扩展以后，在命令面板里选snAppy：在“当前工作区”上启动就能开始操作。你也可以配合 VS Code 的自动保存功能来自动触发重新打包，响应也快，基本不影响你写代码的节奏。
对了，它不会动你原来的代码，所有修改你都能回退，完全可控。要是你想细调 Webpack 细节，也可以在它生成的配置基础上手动调整，灵活度还挺高。
如果你用 React 做前端，又觉得 Webpack 配置和代码拆分麻烦，不妨装个 snAppy 试试。还有其他想了解的拆分方案？像Loadable Components这类库也可以配合用，效果更好。
文件大小：11.34MB
评论区