Framework7 single-file component loader for Rollup and Vite
npm install rollup-plugin-framework7> Rollup & Vite plugin to load Framework7 single file components
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
${msg}
`
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 (