Browser Extension开发中的陷阱：构建工具与第三方库
💡
原文约200字/词，阅读约需1分钟。
📝
内容提要
本文讨论了浏览器拓展开发中的构建工具选择和第三方库可用性。介绍了不使用构建工具的开发方法，但不推荐使用。推荐使用脚本构建和常见构建工具，如Webpack、Vite。提到了专门为浏览器拓展开发的开源框架plasmo。建议不使用含有node.js核心模块的库，避免使用过时的CommonJS模块。如果必须使用这些库，可以将相关逻辑分割到服务器端来解决。
🎯
关键要点
- 浏览器拓展开发的源码结构简单，但实际开发过程复杂，容易让新手开发者困惑。
- 文章分为两部分：构建工具选择和第三方库可用性，内容有交叉。
- 推荐使用构建工具，如Webpack和Vite，而不推荐不使用构建工具的方法。
- 不使用构建工具的开发方法会导致依赖管理困难，项目可读性差，建议仅在项目复杂度极低时考虑。
- 脚本构建方法虽然可行，但仍然存在许多问题，心智负担重，不推荐使用。
- 主流构建工具如Webpack和Vite可以简化开发流程，减少繁琐事务。
- 推荐使用专为浏览器拓展开发的开源框架plasmo，简化开发体验。
- 避免使用含有node.js核心模块的第三方库，这些库无法在浏览器中运行。
- CommonJS模块已过时，尽量避免使用，建议使用ES6模块。
- 如果必须使用node专有库，考虑将相关逻辑分割到服务器端处理。
➡️
