Package Exports
- pug-html-loader
- pug-html-loader/lib/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (pug-html-loader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
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 stringIn 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.