4. Mitosis开发必会的CLI命令

109 阅读1分钟

上一篇我们已经把项目的配置文件都搞定了:初始化Mitosis项目该如何配置?,这里我们开始学会使用CLI命令。

Mitosis有两类CLI命令:mitosis buildmitosis 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的用法:

OptionDescriptionExample
--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开发一个组件

参考

github.com/BuilderIO/m…