例如,通过下面这样让webpack编译模板引擎:
plugins: [
new HtmlWebpackPlugin({
title: 'This is a webpack testtttttt',
chunks: ['common', 'test'],
template: path.join(PATH.FRONTEND_PATH, './templates', 'test.pug'),
filename: path.join(PATH.HTML_OUTPUT_PATH, 'test_bundle.html')
})
],
loaders: [
{ test: /\.pug$/, loader: "pug"},
]
得到的文件test_bundle.html
,想要通过express
或者Koa
其他的服务端语言渲染出来,并在渲染HTML的时候向文件中插入值(就像正常的服务端渲染HTML模板一样)。
但现在的问题时,我在test.pug
中写下的占位符,会在HtmlWebpackPlugin编译过后全部过滤掉。向个大神求解?
你前后端是想用一样的模板引擎来渲染吧?那注意分别设置不同的界定符,不然前端就给你全部都渲染了