项目创建（模板）

[renmm]

在使用lerna publish时，确保以下2点：

• node源为https://registry.npmjs.org/
• npm账号为登录状态，因为lerna在提交时会创建git钩子。如果报错了，目前没有很好的方案去回滚解决。

  npm login
  Username: xxxxx
  Password:
  Email: (this IS public) xxx@gmail.com
  Logged in as xxxxx on https://registry.npmjs.org/.

  登录成功后，再使用lerna publish发布版本。

[renmm]

在发布时，使用nrm ls来查看npm 的源是否为https://registry.npmjs.org/

[renmm]

lerna + jest搭建项目

• 使用lerna收益：可扩展，各模块以package的方式组织
• jest收益：代码更健壮

lerna 初始化project

lerna初始化项目时，有2种模式：固定模式(Fixed mode)和独立模式(Independent mode)

• 固定模式(Fixed mode): packages下的所有包共用一个版本号(version)
• 独立模式(Independent mode): 允许每一个包有一个独立的版本号, 在使用lerna publish命令时，可以为每个包单独制定具体的操作，同时可以只更新某一个包的版本号

lerna init --independent

[renmm]

monorepo-boilerplate

yarn + lerna + ts + jest

1. 新建仓库

   mkdir monorepo-boilerplate && cd monorepo-boilerplate && yarn init -y && yarn add -D lerna

2. lerna初始化项目

   # packages独立发版
   npx lerna init --independent

   配置lerna.json使用yarn workspacess

   {
   "packages": [
   "packages/*"
   ],
   "version": "independent",
   "npmClient": "yarn",
   "useWorkspaces": true
   }

   配置package.json使用yarn workspacess

   // package.json
   {
   "name": "monorepo-template",
   "private": true, 
   "workspaces": [ 
    "packages/*"
   ]  
   }

3. 安装公共包

   yarn add -W -D typescript jest ts-jest @types/jest

   初始化jest配置

   npx ts-jest config:init

4. 新增package 最简单的创建，不使用lerna创建package是因为lerna的默认模板不是创建ts的文件（npx lerna create button -y）

   
   cd packages && mkdir compiler-core  && yarn init -y

更多参考： https://zhuanlan.zhihu.com/p/71385053

[renmm]

创建react项目[管理后台]

接着上面，在上面的基础上，在packages里创建react-xx

使用飞冰创建（随便选择自己经常使用的cli即可）

yarn create ice react-examples

[renmm]

增加eslint

使用官方cli:

npx eslint --init