Install
npm install --save-dev htmlelement-loader
Usage
// webpack.config.js
{
test: /\.(html)$/,
use: {
loader: 'htmlelement-loader',
}
}
<!-- test.html -->
<div data-action-click-clickEvent>
#{message}
</div>
// use in code
import htmlBlock from './test.html';
var block = htmlBlock(
/* wrapper tag name */
'div',
/* wrapper attributes */
{class: 'wrapper'},
/* html template props */
{message: 'Hello world!'},
/* html template action */
{clickEvent: function(e) { alert('Hey!') }},
);