ZMP Component Loader

> Webpack loader for ZMP single file components

What is ZMP Component Loader?

zmp-loader is a loader for webpack that allows you to author ZMP Router components in a format called Single-File Components:

``html




`

Installation

`
npm i zmp-loader
`

Configuration

`js
module.exports = {
...
module: {
rules: [
...
{
test: /\.zmp.html$/,
use: [
'babel-loader',
'zmp-loader',
],
},

...
]
}
...
}
`

JSX

ZMP v6 single file components also support JSX:

`html


`

`js
// my-page.zmp.js

export default () => {
const msg = 'Hello world';

return () =>

;
};
``