A parcel plugin for riot.js

Important

If you are using Riot.js < 4.0.0 please check the v3 branch

Using

Add parcel-plugin-riot to your project.

npm i -D @riotjs/parcel-plugin-riot @riotjs/compiler

-> You are ready!

import App from './src/App.riot'
import {component} from 'riot'

component(App)(document.querySelector('#root'), {
  message: 'Hello there'
})

Configuration

If you want compile your tags using custom riot compiler options you can create a riot.config.js in the root folder of your project

export default {
  hot: false // set it to true if you are using hmr
  // add here all the other @riotjs/compiler options riot.js.org/compiler
  // template: 'pug' for example
}

If you want to enable hmr via hot option you will need to install also @riotjs/hot-reload

npm i @riotjs/hot-reload -D