Pnpm + Turbo 搭建 Web Component Monorepo 组件库

# 初始化一个新的工作区和新的NPM项目
pnpm create workspace
 
# 进入新创建的项目目录
cd <project-name>
 
# 初始化Turborepo配置文件
pnpm add -D @turbo/core
npx turbo init
 
# 添加Turbo命令行工具以便于执行Turbo任务
pnpm add -D @turbo/cli
 
# 添加Web Component相关依赖
pnpm add -D @web/dev-server-storybook
pnpm add -D @open-wc/storybook
pnpm add -D @storybook/addon-docs
pnpm add -D @storybook/addon-controls
pnpm add -D @storybook/addon-actions
pnpm add -D @storybook/addon-backgrounds
pnpm add -D @storybook/addon-viewport
pnpm add -D @storybook/addon-a11y
pnpm add -D @storybook/addon-links
pnpm add -D @storybook/testing-library
 
# 添加工作区中的包
pnpm create package @my-scope/my-element
 
# 安装所有依赖
pnpm install
 
# 运行Turbo和Storybook
pnpm run dev

这个例子展示了如何使用Pnpm和Turbo来搭建一个Web Component的Monorepo组件库。首先创建一个新的工作区和NPM项目，然后初始化Turbo并添加必要的Web Component和Storybook依赖。最后，创建一个新的包并安装所有依赖，然后启动开发服务器。