HtmlWebpackPlugin编译过后的HTML，如何被服务端渲染并插入值

Question

例如，通过下面这样让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编译过后全部过滤掉。向个大神求解?

Answer 1

你前后端是想用一样的模板引擎来渲染吧？那注意分别设置不同的界定符，不然前端就给你全部都渲染了

Answer 2

title #{htmlWebpackPlugin.options.title}