mobi-ccl-cli

Mobi 自定义组件库脚手架

一个用于快速开发和构建魔笔平台自定义组件库的脚手架工具。

环境要求

• Node.js >= 20.0.0
• npm >= 9.0.0

快速开始

安装

npm install mobi-ccl-cli -g

创建项目

# 初始化项目
mccl init

# 进入项目目录
cd YourGlobalName

# 安装依赖
npm install # 或 pnpm install

# 启动调试模式（在魔笔平台开启调试模式后可实时预览）
mccl dev # 或 npm run dev

# 构建打包（生成 dist.zip，上传至魔笔平台使用）
mccl build # 或 npm run build

命令

• mccl init - 初始化新的组件库项目
• mccl dev - 启动调试模式，支持热更新
• mccl build - 构建组件库，生成 UMD 资源包和配置文件
• mccl -v - 查看脚手架版本
• mccl -h - 查看帮助信息

文档

• 📖 用户指南 - 详细的使用说明和配置指南
• 📝 更新日志 - 版本更新记录和功能变更

项目结构

YourGlobalName/
├── mobi.config.js       # 配置文件
├── package.json
├── tsconfig.json
└── src/
    ├── HelloMobi/       # 示例组件目录
    │   ├── index.tsx   # 组件实现
    │   └── config.ts   # 组件配置
    └── ...             # 更多组件

构建产物

构建完成后会生成 dist.zip，包含：

• custom-component-umd.js - UMD 资源文件
• custom-component-config.js - 组件配置文件
• custom-component-manifest.json - 组件库清单文件
• sourceCode.zip - 组件源代码压缩包

构建产物可直接上传至魔笔平台使用（资源 -> 组件库 -> 新建组件库）。

License

MIT