From 2c276e72acc75a0362336d1e75369e7d96fe88af Mon Sep 17 00:00:00 2001 From: jaywcjlove <398188662@qq.com> Date: Fri, 14 Oct 2022 18:02:55 +0800 Subject: [PATCH] feat: add `lerna.md` cheatsheet. --- README.md | 1 + docs/jest.md | 2 +- docs/lerna.md | 416 +++++++++++++++++++++++++++++++++++++++ scripts/assets/lerna.svg | 3 + scripts/style.css | 8 +- 5 files changed, 425 insertions(+), 5 deletions(-) create mode 100644 docs/lerna.md create mode 100644 scripts/assets/lerna.svg 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!
+