iffe 编辑器仓库

常用命令 1

启动项目

# 首次启动项目
yarn && lerna bootstrap

# 启动 demo
yarn start

提交代码

# 提交代码
yarn commit

# push到远程仓库
yarn push

# 拉取代码
yarn pull

编译

# 编译全部packages
yarn build

# 编译单个package
yarn build -p [packageName]

增加依赖

# 给单个package安装依赖
lerna add [module-1] --scope=[packageName2]

# 给所有package安装依赖
lerna add [module-1]

创建新 package

# 创建一个新package
lerna create [packageName]

项目脚手架说明

脚手架采用 monorepos 模式进行代码组织，即表示一个 repo（Repository）管理多个 packages，区别于 Multirepos 的方式。优缺点可参考：babel 为什么采用 monorepos 模式管理

• lerna （已集成）monorepos 管理工具 文档
• rollup （已集成）打包工具 文档
• babel （已集成）JS 语法编译器 文档
• next （已集成）轻量级 web 应用脚手架，用于预览 demo 文档
• typescript （已集成）支持 ts 编译 文档
• jest （尚未集成）代码测试框架
• eslint + prettier (已集成) 代码质量及风格管理 文档
• husky （尚未集成）用于 git 提交的规范控制
• styleguidist (尚未集成) 用于 React 组件文档生成 文档
• changelog （尚未集成）自动生成 changelog

Rollup 打包类型说明：

• amd : 异步模块定义，用于像 RequireJS 这样的模块加载器
• cjs : CommonJS，适用于 Node 和 Browserify/Webpack
• es : 将软件包保存为 ES 模块文件，在现代浏览器中可以通过 标签引入
• iife : 一个自动执行的功能，适合作为标签。（如果要为应用程序创建一个捆绑包，您可能想要使用它，因为它会使文件大小变小。）
• umd : 通用模块定义，以 amd，cjs 和 iife 为一体
• system : SystemJS 加载器格式

一些使用到的工具

• npm-run-all 文档

一些参考文章

• 使用 lerna 管理常用工具库
• 纯手工配置 create-react-app 项目
• 在业务开发中实践 monorepo
• 使用 Lerna & Yarn Workspaces 构建 mono-repo 项目
• webpack 与 rollup 的区别介绍
• babel runtime 介绍