共计 842 个字符,预计需要花费 3 分钟才能阅读完成。
一、搭建 vite 和 vue 我的项目
1、vite 装置(来自官网命令)
npm:
npm init vite@latest
yarn:
yarn create vite
pnpm:
pnpm create vite
也能够通过以下命令间接设置我的项目名和框架
npm 6.x
npm init vite@latest my-vue-app --template vue
npm 7+:, extra double-dash is needed:
npm init vite@latest my-vue-app -- --template vue
yarn
yarn create vite my-vue-app --template vue
pnpm
pnpm create vite my-vue-app -- --template vue
二、pnpm 构建 motorepo
1、增加 pnpm-workspace.yaml 文件,内容如下:
packages: | |
-'packages/**' |
2、install
3、新建 packages 目录,把 src 目录、vite.config.js 和 index.html 移到 packages 文件夹下改名 main,而后在 packages 下创立 api 目录,
4、在 main、api 目录下别离 pnpm init - f 生成 package.json
name 别离为:@momovue/main、@momovue/api
如果想增加公共框架包间接在根目录执行 pnpm install module_name
4、api 我的项目独自增加框架,并且增加 index.ts 测试文件
pnpm i typescript -D --filter @momovue/api
5、main 装置 api 依赖
pnpm i @momovue/api --filter @momovue/main
6、测试调用 api 的办法
7、运行
总结:momorepo 这种个别用于同一架构多个我的项目的治理,用 pnpm 装置还是不太纯熟,测试屡次才胜利,每次失败大多都是装置程序有问题,测试了几次整顿出能胜利的程序,下次搭建 lerna yarn workspace
正文完