Rollup Framework7 Component Loader

> Rollup & Vite plugin to load Framework7 single file components

What is Framework7 Component Loader?

rollup-plugin-framework7 is a plugin for Rollup and Vite that allows you to author Framework7 Router components in a format called Single-File Components:

``html




`

Usage with Rollup

Install the plugin itself:

`
npm i rollup-plugin-framework7 --save-dev
`

If we use JSX component, then we also need to install Babel plugins:

`
npm i @rollup/plugin-babel @babel/preset-react @babel/preset-env --save-dev
`

Configure rollup:

`js
const { rollup } = require('rollup');
const { babel } = require('@rollup/plugin-babel');
const framework7 = require('../lib/index');
rollup({
input: './path/to/app.js',
plugins: [
// enable Framework7 plugin
// it will will process .f7.html and .f7.js(x) files
framework7({ emitCss: true }),

// css plugin for bundling content of component styles (