关于vue.js:vitevue3typescriptpnpmworkspacemonorepo-项目搭建记录

一、搭建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

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年50元

阿里云限时活动-2核2G-5M带宽-60G SSD-1000G月流量 ,特惠价99元/年(原价1234.2元/年,可以直接买3年),速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表评论

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据