[![npm][npm]][npm-url]
[![node][node]][node-url]
[![deps][deps]][deps-url]
[![tests][tests]][tests-url]
[![coverage][cover]][cover-url]
[![code style][style]][style-url]
[![chat][chat]][chat-url]

src="https://webpack.js.org/assets/icon-square-big.svg">

ESM Plugin

> ⚠️ These plugins are helpers mainly for html-loader to extract URL's and make them separate module request as ES2015 Module Imports and are not intended for general usage with posthtml. Other bundlers targeting ES2015 Modules (e.g Parcel, Rollup) may utilize them aswell, but usage besides webpack is currently untested. Feel free to open an issue if your integration
requires changes

Install

``bash
npm i -D @posthtml/esm
`

Usage

`js
const posthtml = require('posthtml')
const { urls, imports } = require('@posthtml/esm')

const html =



posthtml([ urls(), imports() ])
.process(html, { from: './src/index.html' })
.then((result) => {
result.html
result.messages
})
`

result.html
`html

${HTML__IMPORT__0}
`

result.messages
`js
[
{
type: 'import',
plugin: '@posthtml/esm',
url: 'path/to/url.png',
name: HTML__URL__0,
import () {
return import ${this.name} from '${this.url}';\n
}
},
{
type: 'import',
plugin: '@posthtml/esm',
url: 'path/to/import.html',
name: HTML__IMPORT__0,
import () {
return import ${this.name} from '${this.url}';\n
}
}
]
`

Options

$3

|Name|Type|Default|Description|
|:--:|:--:|:-----:|:----------|
|url|{RegExp\|Function}|''|Filter URL's|

#### {RegExp}

`js
urls({
url: /filter/
})
`

#### {Function<{String} -> {Boolean}>}

`js
urls({
url (url) {
return /filter/.test(url)
}
})
`

$3

|Name|Type|Default|Description|
|:--:|:--:|:-----:|:----------|
|import|{RegExp\|Function}|''|Filter Import URL's|
|template|{String}|''|Placeholder for HTML Templates|

#### {RegExp}

`js
imports({
import: /filter/
})
`

#### {Function<{String} -> {Boolean}>}

`js
imports({
import (url) {
return /filter/.test(url)
}
})
``

Maintainer

src="https://github.com/michael-ciniawsky.png?v=3&s=150"> Michael Ciniawsky

Contributors

[npm]: https://img.shields.io/npm/v/@posthtml/esm.svg
[npm-url]: https://npmjs.com/package/@posthtml/esm

[node]: https://img.shields.io/node/v/@posthtml/esm.svg
[node-url]: https://nodejs.org/

[deps]: https://david-dm.org/posthtml/esm.svg
[deps-url]: https://david-dm.org/posthtml/esm

[tests]: http://img.shields.io/travis/posthtml/esm.svg
[tests-url]: https://travis-ci.org/posthtml/esm

[cover]: https://coveralls.io/repos/github/posthtml/esm/badge.svg
[cover-url]: https://coveralls.io/github/posthtml/esm

[style]: https://img.shields.io/badge/code%20style-standard-yellow.svg
[style-url]: http://standardjs.com/

[chat]: https://badges.gitter.im/posthtml/posthtml.svg
[chat-url]: https://gitter.im/posthtml/posthtml