是否可以将变量传递给我之前在'html-webpack-plugin'中定义的'pug-html-loader'加载的.pug模板?
webpack.config.babel.js
...
{
test: /\.pug$/,
use: [
{
loader: 'html-loader'
},
{
loader: 'pug-html-loader',
options: {
self: true
}
}]
}
...
plugins: [
new HtmlWebpackPlugin({
chunks: ['index'],
filename: 'index.html',
template: './src/templates/layout.pug',
title: 'Welcome',
file: 'index'
}),
new HtmlWebpackPlugin({
chunks: ['index', 'contact'],
filename: 'contact.html',
template: './src/templates/layout.pug',
title: 'Contact us',
file: 'contact'
}),
]
在layout.html中,我定义如下:
${ require('html-loader!../partials/' + htmlWebpackPlugin.options.file + '.html' ) }
如何使用它来传递所有变量 - 在Webpack插件中定义我的PugTemplates和文件中的用法?该应用程序应该是一个简单的创建简单网页的过程,它由几个静态页面组成。