前端工程化

本文聚焦前端工程化主流方案 pnpm workspace 与 Monorepo 架构，结合 shadcn/ui 源码级复用模式，拆解核心概念、实操用法与避坑指南，一问讲明白常见问题。

npm与pnpm是包管理器，npx是执行工具。pnpm利用硬链接机制实现极速安装、省磁盘并杜绝幽灵依赖，性能优于npm；npx用于临时运行命令，避免全局污染。

想开发 Chrome 扩展却不知如何打包分发？本文从 CRX 本质切入，拆解「输入 - 输出 - NPM 脚本」打包三步骤，对比纯原生 / 工程化方案，教生成可分发的.crx文件,搞定扩展打包全流程！