从html到pug模板,将变量从html-webpack-plugin传递到pug模板

是否可以将变量传递给我之前在'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和文件中的用法?该应用程序应该是一个简单的创建简单网页的过程,它由几个静态页面组成。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值