Skip to content


Repository files navigation

Riot.js webpack-loader

Build Status Issue Count NPM version NPM downloads MIT License

Riot.js official webpack loader


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


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


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
              // 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 afterward webpack will be able to automatically reload your Riot.js components in runtime.


Please check the following exapmles to see how it's easy to configure webpack with riot: