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

ecmadao
  • 987

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

回复
阅读 2.7k
2 个回答

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

mxdn
  • 3
新手上路,请多包涵

title #{htmlWebpackPlugin.options.title}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏