srackham/tag-loader

Riot tag file loader for Webpack

Riot tag file loader for Webpack

Webpack can use this loader to automatically compile Riot tag files. Inspired by this GitHub Gist.

Install

npm install tag-loader --save-dev

webpack.config.js Configuration

  :
module: {
loaders: [
  { test: /\.tag$/, loader: 'tag' },
    :
]
}
  :

Use query parameters to include Riot compiler command options. Examples:

{ test: /\.tag$/, loader: 'tag?compact' },
{ test: /\.tag$/, loader: 'tag', query: {compact: 'true'} },

See also the Webpack loader documentation.

ES5 projects

Once you've installed and configured the tag-loader you can require Riot tag files into your project using the require() function e.g.

require('./tags.tag');

ES6 projects

Once you've installed and configured the tag-loader and 6to5-loader you can import Riot tag files into your project using the ES6 module import statement e.g.

import './tags.tag'

NOTE: I do not recommend using ES6 code inside Riot tag files, here's why.