微前端的学习-monorepo

我们采用的是微前端一个主应用,和多个子应用,我们肯定不会一个一个去install安装依赖,太傻了,我们采用monorepo 架构 一次install 即可安装完成。

第一步需要安装pnpm

pnpm内置了对单个代码仓库包含多个软件包的支持,是monorepo架构模式的不二速选

npm i pnpm -g
微前端的学习-monorepo_第1张图片

配置monorepo

在根目录新建一个 pnpm-workspace.yaml 配置依赖项

packages:  
# all packages in direct subdirs of packages/  - 'main'  
# all packages in subdirs of components/  - 'web/**'

配置完成后install一次就行

他会把所有的公共依赖项抽到外层,而里层的依赖项都是一些最核心的

运行指定的子项目

微前端的学习-monorepo_第2张图片

子模块复用公共模块开发的环境和代码

你可能感兴趣的:(学习,typescript)