https://github.com/willyelm/pug-html-loader

Pug HTML loader for webpack
https://github.com/willyelm/pug-html-loader

Last synced: 3 days ago
JSON representation

Pug HTML loader for webpack

• Host: GitHub
• URL: https://github.com/willyelm/pug-html-loader
• Owner: willyelm
• License: mit
• Created: 2016-04-13T22:02:57.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2025-01-25T02:58:13.000Z (27 days ago)
• Last Synced: 2025-02-10T22:17:48.282Z (10 days ago)
• Language: JavaScript
• Homepage: https://github.com/willyelm/pug-html-loader
• Size: 1.02 MB
• Stars: 109
• Watchers: 2
• Forks: 39
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pug HTML loader for webpack

A webpack loader to transform pug files into HTML.

## Installation

`npm install pug-html-loader`

## Usage

In your sources:

``` javascript

var html = require('./file.pug')

// => returns file.pug content as html compiled string

```

In your webpack.config.js  file:

```javascript

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:

```javascript

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)