Lerna脚手架搭建(六)：框架代码拆包

一、拆分原则 👈

根据模块的功能拆分：

• 核心模块：core
• 命令模块：commands
  • 初始化
  • 发布
  • 清除缓存
• 模型模块：models
  • Command 命令
  • Project 项目
  • Component 组件
  • Npm 模块
  • Git 仓库
• 工具模块：utils
  • Git 操作
  • 云构建
  • 工具方法
  • API 请求
  • Git API

二、core 👈

1.命令执行流程

2.涉及技术点

2.1核心库

• import-local

• commander

2.2工具库

• npmlog：打印日志

• fs-extra：文件操作

• semver：版本匹配

• colors：终端打印文本颜色

• user-home：获取用户主目录

• dotenv：获取环境变量

• root-check：root账户检查

三、拆包步骤 👈

1. 在原有 xuven-cli-dev 项目根目录创建 core、commands、models、utils 文件夹；

2. 编辑根目录 lerna.json 文件如下：

{
  "packages": [
    "core/*",
    "commands/*",
    "models/*",
    "utils/*"
  ],
  "version": "1.0.4"
}

3. 将根目录 packages 文件夹里的 core 和 utils 文件夹分别移动到根目录的 core 和 utils 下；

4. 删除根目录 packages 文件夹；

5. 修改 core/core/package.json 中的 dependencies 配置如下：

...
"dependencies": {
  "@xuven-cli-dev/utils": "file:../../utils/utils"
},
...

6. 删除 core/core 下的 node_modules 文件夹，重新执行 npm link；

7. 修改 core/core 文件名为 core/cli;

8. 在 core/cli 下执行 cnpm i -S import-local 安装 import-local；

9. 在 core/cli 下执行 cnpm i -S npmlog 安装 npmlog；

10. 修改 core/cli/bin/index.js 如下：

#!/usr/bin/env node

const importLocal = require('import-local');

if (importLocal(__filename)) {
    require('npmlog').info('cli', '正在使用 xuven-cli 本地版本');
} else {
    require('../lib')(process.argv.slice(2));
}

11. 重命名 core/cli/lib/code.js 为 core/cli/lib/index.js；

12. 修改 core/cli/lib/index.js 如下：

'use strict';

module.exports = core;

function core() {
    console.log('exec core');
}

13. 执行 xuven-cli-dev 命令提示找不到目录，解决办法：执行 npm link;

14. 重新执行命令，输出 exec core；

15. 回到 xuven-cli-dev 目录，执行 cnpm i -D @xuven-cli-dev/core;

16. 再次执行 xuven-cli-dev 输出：

hello xuven-cli
info cli 正在使用 xuven-cli 本地版本

17. 最后，删除 xuven-cli-dev 目录下的 node_modules 文件夹，删除同目录下 package.json 的依赖项 @xuven-cli-dev/core，重新执行 cnpm i。