npm install pug-html-loader
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 ...
module: [
// your modules...
loaders: [{
include: /\.pug/,
// pass options to pug as a query ('pug-html-loader?pretty')
loader: 'pug-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', 'pug-html-loader?exports=false']
}]
]
};
Don't forget to polyfill require
if you want to use it in node.
See webpack
documentation.