babel-plugin-transform-html-import-to-template

Turn HTML imports into HTMLTemplateElement.

Example

Given the following _template.html_.

``html
html template 🌞
`

#### in

`js
import template from './template.html'
// ...
this.shadowRoot.append(template.content.cloneNode(true))
`

#### out

`js
var template = document.createElement(template).innerHTML = 'html template 🌞'
`

Installation

`sh
$ yarn add -D babel-plugin-transform-html-import-to-template
`

Usage

$3

.babelrc

`json
{
"plugins": ["transform-html-import-to-template"]
}
`

$3

`sh
$ babel --plugins transform-html-import-to-template script.js
`

$3

`javascript
import core from 'babel-core'

const plugins = [
// ...
'transform-html-import-to-template'
// ...
]
core.transform(code, { plugins })
``