pug-html-loader

compare this package

Pug to html loader for webpack

  • Types
  • ESM
  • CJS
License
MIT
Deps
2(-)
View dependency graphInspect dependency tree
Install Size
4.2 kB(7.4 MB)
Vulns
0
Published

Get started

$npm install pug-html-loader
$pnpm add pug-html-loader
$yarn add pug-html-loader
$bun add pug-html-loader
$deno add npm:pug-html-loader
$vlt install pug-html-loader
$vp add pug-html-loader

Weekly DownloadsAcross all versions

Versions

View all versions
1.1.7
latest

Dependencies (2)

Keywords

Maintainers

Readme

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)