Framework7 Component Loader

> Webpack loader for Framework7 single file components

What is Framework7 Component Loader?

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

``html




`

Installation

`
npm i framework7-loader
`

Configuration

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

...
]
}
...
}
`

JSX

Framework7 v6 single file components also support JSX:

`html


`

`js
// my-page.f7.js

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

return () =>

;
};
``