Pug HTML loader for webpack
Switch branches/tags
Nothing to show
Clone or download
willyelm Merge pull request #50 from Cardinal90/master
Fix watch mode for pug files with errors
Latest commit c87eb30 Jul 4, 2018
Permalink
Failed to load latest commit information.
lib Fix watch mode for pug files with errors Mar 8, 2018
.gitignore remove node modules Apr 13, 2016
LICENSE chore: add license Jun 8, 2018
README.md Update README.md Apr 14, 2017
package.json bump version Jun 6, 2017

README.md

Pug HTML loader for webpack

Installation

npm install pug-html-loader

Usage

In your sources:

var html = require('./file.pug')
// => returns file.pug content as html compiled string

In your webpack.config.js file:

module.exports = {
  // your config settings ...
  rules: [
    // your modules...
    loaders: [{
      include: /\.pug/,
      loader: ['raw-loader', 'pug-html-loader'],
      options: {
        // options to pass to the compiler same as: https://pugjs.org/api/reference.html
        data: {} // set of data to pass to the pug render.
      }
    }]
  ]
};

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...
    rules: [{
      test: /\.pug/,
      loaders: ['html-loader', 'pug-html-loader'],
      options: {
        // options to pass to the compiler same as: https://pugjs.org/api/reference.html
        data: {} // set of data to pass to the pug render.
      }
    }]
  ]
};

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)