babel-plugin-transform-html-import-require-to-string

Turn HTML imports and requires into string vars. Make your transpiled code as verbose as this package name!

Inspired by https://github.com/yeiniel/babel-plugin-transform-html-import-to-string

Example

Given a file assets/template.html
``


Hello


`

Transform your imports
`
import template from "/assets/template.html"
const requiredTemplate = require("/assets/template.html)
`
to
`
var template = "

Hello

"
const requiredTemplate = "

Hello

"
`

Installation

Install with your package manager of choice
`
yarn add babel-plugin-transform-html-import-require-to-string
`

Then use as per usual...

$3

`
{
"plugins": ["transform-html-import-require-to-string"]
}
`

$3

`
$ babel --plugins transform-html-import-require-to-string script
`

$3

`
require("babel-core").transform("code", {
plugins: ["transform-html-import-require-to-string"]
});
``