1. ### 初始化项目
  2. ```shell
  3. yarn bootstrap

启动项目

  1. yarn serve

各个子项目启动默认端口

安装依赖

  • 安装依赖注意,如果所有包都需要,则需要将依赖安装在根目录添加 -W 参数
  1. yarn add babel-plugin-import -D -W

lerna 常用命令

  1. yarn install # 等价于 lerna bootstrap --npm-client yarn --use-workspaces
  2. lerna create xxx # 创建packages
  3. lerna create xxx packages\@web\component # 添加某个组件到组件库,切记用反斜杠
  4. lerna bootstrap # 删除package下的node_modules、建立各个package的依赖关系、并且安装依赖
  5. lerna add qiankun --scope=@ms/index # 给主应用添加微前端框架。 --dev 安装到devDependencies 下
  6. lerna add @ms/shared # 将 @ms/shared 安装到除 @ms/shared 以外的所有模块
  7. lerna clean # 清理所有的node_modules
  8. yarn workspaces run clean # 执行所有package的clean操作
  9. yarn workspace packageB remove packageA
  10. yarn workspaces remove lodash
  11. yarn remove -W -D typescript
  • 每个独立包中都重复安装了公共依赖。在这时候,我们可以将所有公共使用的包,lodash 之类的移到根目录的 package.json 中去
  1. lerna bootstrap --hoist
  1. 创建package

lerna create ‘package_name’ ‘log’ // log 包放置的目录 // 进入包文件夹 cd packages/….package_name // 创建项目 例如vue创建项目 vue create project_name ….创建vue_hello_world

// 安装依赖 lerna add @web/component —scope=@web/report

```