使用lerna分包管理react+ts项目——lerna入门篇

一 项目准备

  1. lerna安装
yarn global add lerna
npm i -g lerna
  1. ts安装
yarn global add typescript
npm install -g typescript
  1. react脚手架安装
npm isntall -g create-react-app

二 项目必备命令

lerna init         // lerna初始化
lerna  bootstrap		/为所有项目安装依赖,类似于npm/yarn i
lerna clean		清理node_modules

三 创建项目

  1. 初始化lerna项目
lerna init 

项目目录:
使用lerna分包管理react+ts项目——lerna入门篇_第1张图片
2. 向package包里添加项目(输入命令之后一直回车就好)

lerna create demo
lerna create package1
lerna create package2

项目目录:
使用lerna分包管理react+ts项目——lerna入门篇_第2张图片
3. 实现demo中引入package1和package2项目

lerna add package1 --scope=demo
lerna add package2 --scope=demo

demo项目中的package.json依赖:
使用lerna分包管理react+ts项目——lerna入门篇_第3张图片
4. 修改package1和package2中的代码
使用lerna分包管理react+ts项目——lerna入门篇_第4张图片
5. 编写demo项目的demo.js文件,并运行
使用lerna分包管理react+ts项目——lerna入门篇_第5张图片
6. lerna练习结束,现在可以在demo项目中引入package1和package2项目,使用项目中导出的资源。。。

使用lerna分包管理react+ts项目——react+ts依赖项目搭建篇

使用lerna分包管理react+ts项目——react+ts项目入口搭建篇

项目托管地址

你可能感兴趣的:(lerna)