Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
67 lines (51 sloc) 2.12 KB

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


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

You can’t perform that action at this time.