Mitosis CLI
A CLI for Mitosis.
Installation
npm install -g @builder.io/mitosis-cli
Usage
mitosis compile --to=<format> < <input-file>
cat my-file.tsx | mitosis compile -t=<format>
mitosis compile -t=<format> <input-file>
Check the output from mitosis compile --help
.
Examples
mitosis compile -t react component.tsx
mitosis compile -t react < component.tsx
cat component.tsx | mitosis compile -t html -
mitosis compile -t react --out-dir build -- src/**/*.tsx
Options
Supported formats for --to
are:
reactNative
solid
vue
react
template
html
customElement
mitosis
builder
swift
svelte
liquid
angular
Supported formats for --from
are:
Cook book
Here are some recipes for standard tasks
Validate how Builder will transform Mitosis
cat components/postscript.lite.tsx |
mitosis compile -t builder - |
mitosis compile -f builder -t mitosis
Run mitosis on file system change
Use a tool like entr or guard
find . -name '*lite.tsx' | entr make /_
Known issues
- Running
mitosis
from the root of this repository breaks due to some
dynamic babel configuration look up - Files that are created as the result of
--out-dir=<dir>
maintain the original
file extension of the input file, which doesn't make any sense in the case of
an html output. --out=<file>
does not support concatenating multiple files together.