npm

Join us for the upcoming webinar, "Enterprise JavaScript done right: the tools you love, the security you need."Sign up here »

@riotjs/webpack-loader

4.0.1 • Public • Published

Riot.js webpack-loader

Build Status Issue Count NPM version NPM downloads MIT License

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

install

npm i @riotjs/webpack-loader

Downloadsweekly downloads

72

version

4.0.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability