babelPluginStrve #

babel-plugin-strve is a babel plugin that converts HTML template strings into Virtual Dom. Dramatically improved rendering performance by moving from previous runtime to compile time.

Install #

npm install babel-plugin-strve

Usage #

In your Babel configuration (.babelrc, babel.config.js, babel field in package.json, etc.), add the plugin:

{
  "plugins": [["babel-plugin-strve"]]
}

Options #

tag=html #

By default, babel-plugin-strve will process all markup templates with a markup function named html. To use a different name, use the tag option in your Babel configuration:

{
  "plugins": [
    [
      "babel-plugin-strve",
      {
        "tag": "html"
      }
    ]
  ]
}

Expression Pattern #

By default, html`` will be used as a tag template mode. If there are other scenarios, you can choose to call the expression mode, there are two.

• The function name is tem_h, and the parameter is a template string.

tem_h(`<p>hello</p>`);

• The function name is str_h, and the parameters are ordinary strings.

str_h('<p>hello</p>');