2.1 KiB

Raw Blame History

Riot.js webpack-loader

Riot.js official webpack loader

Important

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

Installation

npm i @riotjs/webpack-loader @riotjs/compiler -D

Usage

Add the @riotjs/webpack-loader in your webpack.config.js file

module.exports = {
  module: {
    rules: [
      {
        test: /\.riot$/,
        exclude: /node_modules/,
        use: [{
          loader: '@riotjs/webpack-loader',
          options: {
            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

And afterwards webpack will be able to automatically reload your Riot.js components in runtime.

Examples

Please check this simple example to see how it's easy to configure webpack with riot

2.1 KiB Raw Blame History