What is Framework7 Component Loader?

<!-- my-page.f7.html --><template><divclass="page">${msg}</div></template><script>exportdefault()=>{constmsg='Hello world';return$render;};</script>

Installation

npm i framework7-loader

Configuration

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

JSX

<!-- my-page.f7.html --><script>exportdefault()=>{constmsg='Hello world';return()=><divclass="page">{msg}</div>;};</script>

// my-page.f7.jsexportdefault()=>{constmsg='Hello world';return()=><divclass="page">{msg}</div>;};