node package manager

io-ng2-pug-html-loader

Pug HTML loader for webpack

Installation

npm install pug-html-loader

Usage

In your sources:

import { tmpl } from './templates/standard-form.pug';
// => returns file.pug content as html compiled string 

In your webpack.config.js file:

module.exports = {
  // your config settings ... 
  module: [
    // your modules... 
    loaders: [{
      include: /\.pug/,
      // pass options to pug as a query ('pug-html-loader?pretty') 
      loader: '@bluemix/ng2-pug-html-loader'
    }]
  ]
};

Using it with html-loader

pug-html-loader encode to content to a string variable to avoid it and pass the string content to the loader chain please use the following configuration:

module.exports = {
  // your config settings ... 
  module: [
    // your modules... 
    loaders: [{
      include: /\.pug/,
      // pass options to pug as a query ('pug-html-loader?pretty') 
      loaders: ['html-loader', '@bluemix/ng2-pug-html-loader?exports=false']
    }]
  ]
};

Don't forget to polyfill require if you want to use it in node. See webpack documentation.

License

MIT (http://www.opensource.org/licenses/mit-license.php)