Skip to content

YoussefKababe/tag-loader

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

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.

About

Riot tag file loader for Webpack

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%