compile-htm

compile-htm

Compile JavaScript code with JSX htm template literals (html``) to standard javascript with builder functions over CLI.

This tool works with React, Preact or any other library using JSX syntax.

This uses babel-plugin-htm.

Instal

npm install -g compile-htm

or access directly via npx:

npx compile-htm --help

Usage

compile-htm - v1.0.0
Compile htm template literal code to standard JavaScript builders

Positionals:
  inputFile     Input file path

Options:
  --builder     Builder function to use  (default: h)
  --output      Output file to use  (default: null)

Usage:
  compile-htm <inputFile> [--builder functionName] [--output fileName]
  compile-htm input.js  Compile input.js into input.compiled.js

Example

html`<span>I use <div>Template</div><p with="properties">Strings!</p><${Box}><${Cat} /></${Box}></span>`

will be converted into

h("span", null, "I use ", h("div", null, "Template"), h("p", {
  "with": "properties"
}, "Strings!"), h(Box, null, h(Cat, null)));