diff --git a/README.md b/README.md index 460b904..87e919b 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,7 @@ Quick Reference [HTML](./docs/html.md) [JavaScript](./docs/javascript.md) [Jest](./docs/jest.md) +[Lerna](./docs/lerna.md) [npm](./docs/npm.md) [package.json](./docs/package.json.md) [React](./docs/react.md) diff --git a/docs/jest.md b/docs/jest.md index 2835a17..8369ff6 100644 --- a/docs/jest.md +++ b/docs/jest.md @@ -1,7 +1,7 @@ Jest 备忘清单 === -Jest 是一款优雅、简洁的 JavaScript 测试框架。 +Jest 是一款优雅、简洁的 JavaScript 测试框架，这里介绍了它的入门和 一些 API 的索引。 入门 ---- diff --git a/docs/lerna.md b/docs/lerna.md new file mode 100644 index 0000000..a97f8cb --- /dev/null +++ b/docs/lerna.md @@ -0,0 +1,416 @@ +Lerna 备忘清单 +=== + +本备忘单旨在快速理解 [Lerna](https://github.com/lerna/lerna) 所涉及的主要概念，显示了它的常用命令使用清单。 + +入门 +---- + +### 介绍 + + +现代构建系统，用于管理和发布来自同一存储库的多个 JavaScript/TypeScript 包。 + +```bash +$ npx lerna@latest init +``` + +下面是示例目录结构 + +```shell {15} +├── README.md +├── remixapp # web 应用 (remixapp) +│   ├── src +│   └── package.json +│ +├── packages +│   ├── footer # 组件(@remixapp/footer) +│ │   ├── src +│ │   └── package.json +│ │ +│   └── header # 组件(@remixapp/header) +│    ├── src +│    └── package.json +│ +├── lerna.json +└── package.json +``` + +### 引导程序 (Bootstrap) + + +它在 `package.json` 中依赖于它们，如下所示： + +```json {3,4} +"dependencies": { + // .... + "@remixapp/header": "*", + "@remixapp/footer": "*" +} +``` + +`remixapp` 应用程序导入`页眉`和`页脚`库，如下所示： + +```jsx +import { Header } from "header"; +import { Footer } from "footer"; + +export default function Home() { + return ( + <> +
+
Content!
+