上一篇我们已经把项目的配置文件都搞定了:初始化Mitosis项目该如何配置?,这里我们开始学会使用CLI命令。
Mitosis有两类CLI命令:mitosis build和mitosis compile。
mitosis compile
这是相对直接的命令,它可以:
- 从
mitosis.config.js中读取配置,也可以自定义配置文件:--config=<file>。 - 接收单个Mitosis组件文件作为输入。
- 输出一个指定目标文件。
运行mitosis --help可以了解更多用法。
mitosis build
这个命令针对整个项目/文件夹,因此可以做更多:
- 从
mitosis.config.js中读取配置,也可以自定义配置文件:--config=<file>。 - 定义一个源文件夹。
- 读取源文件夹里所有的Mitosis组件文件,并且
- 按照config文件或CLI命令中options定义的来为每个目标输出一个组件。
- 在每个预目标基础上执行更多编译。
- 读取项目中所有非mitosis的JS/TS文件,并编译成JS文件。
- 执行必要的步骤来转换成Mitosis或非Mitosis文件,以致于输出文件是连贯和有效的。
以下是CLI命令中options的用法:
| Option | Description | Example |
|---|---|---|
| --config=<file> | 定义config文件,默认为mitosis.config.js | 无 |
| --targets=[format...] | 定义多个打包目标 | mitosis build --target react,vue,svelte将会把React,Vue,Svelte加到打包目标里 |
| --exclude-targets=[format...] | 将config文件中的目标中排除掉一些 | mitosis build --exclude-targets react,vue将会把打包目标中的React和Vue排除 |
了解了命令后,接下一篇我们开始正式写组件了:手把手教你如何用Mitosis开发一个组件。