0.0.2 • Published 7 years ago
nunjucks-render-loader v0.0.2
nunjucks-render-loader
Nunjucks loader module for webpack
Installation
npm install --save nunjucks-render-loaderUsage
webpack.config.js
module: {
rules: [
{
test: /\.njk$/,
use: {
loader: 'nunjucks-render-loader',
options: {
path: path.resolve(__dirname, 'src/views')
}
}
}
]
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
template: './index.njk'
})
]Tips
Passing variables using HTML Webpack Plugin
webpack.config.js
module: {
rules: [
{
test: /\.njk$/,
use: {
loader: 'nunjucks-render-loader',
options: {
path: path.resolve(__dirname, 'src/views')
}
}
}
]
},
plugins: [
new HtmlWebpackPlugin({
foo: 'bar',
filename: 'index.html',
template: './index.njk'
})
]index.njk
<！DOCTYPE html>
<html>
{% include "partials/_head.njk" %}
<body>
<％= htmlWebpackPlugin.options.foo ％>
</body>
</html>Require images
<！DOCTYPE html>
<html>
{% include "partials/_head.njk" %}
<body>
<img src="<％= require('./img/image.jpg') ％>">
</body>
</html>Options
path- Relative path to templates. (default: process.cwd())context- Data to pass to the template. (default: {})envOptions- These are options provided for nunjucks Environment. More info here. (default: {})