HtmlWebpackPlugin 无变量转换车把模板

问题描述

我有一个 Handlebars 模板文件，我正在使用 webpack 和 HtmlWebpackPlugin 进行转换：

new HtmlWebpackPlugin({
    title: 'Title',chunks: ['app'],Meta: {
      author: 'Me',viewport: 'width=device-width,initial-scale=1',},publicPath: path.sep,template: path.resolve(__dirname,'templates','app.hbs'),filename: 'app.hbs',favicon: path.resolve(__dirname,'favicon.png'),}),module.exports = (env) => {
  const isProduction = process.env.MODE === 'production';

  return {
    mode: process.env.MODE,entry: {
      login: path.resolve(__dirname,'src','login','login.tsx'),app: path.resolve(__dirname,'app','app.tsx'),output: {
      path: path.resolve(__dirname,'dist'),filename: '[name].[contenthash].js',target: 'web',watch: !isProduction,devtool: isProduction ? false : 'inline-source-map',optimization: {
      splitChunks: {
        chunks: 'all',resolve: {
      extensions: ['.ts','.tsx','.js','.jsx'],module: {
      rules: [
        {
          test: /\.ts(x?)$/,exclude: /node_modules/,use: 'ts-loader',{
          test: /\.hbs$/,loader: 'handlebars-loader',{
          test: /\.png$/,use: [{ loader: 'url-loader',options: { limit: 8192 } }],],plugins,};
};

Handlebars 模板通过生成的捆绑脚本很好地注入，但没有任何我想传入的自定义变量：

<p>{{userName}}</p>

变成：

<p></p>

在互联网或 stackoverflow 上还没有找到任何解决方案。任何帮助将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）