HTML Webpack 插件 v5 - 模板参数

问题描述 投票:0回答:1

我有一个使用 HTML Webpack 插件在 Webpack 中编写的小应用程序:https://github.com/einazare/html-webpack-plugin-18n-generator

我尝试使用

templateParameters
将一些变量传递到我的 HTML 模板,但它不起作用。我不知道这是插件的错误,还是我做错了什么。

我已按照所示示例进行操作:

我希望将我的

<%= title %>
替换为我的
templateParameters.title
值的实际值,即位于
locales/de-DE.json
locales/en-GB.json
内部的值。

我也尝试将

<%= title %>
修改为
<%= htmlWebpackPlugin.options.templateParameters.title %>

如果需要,您可以克隆存储库,然后:

  1. 使用
    npm install
  2. 安装依赖项
  3. 使用
    npm run build
  4. 构建应用程序
  5. 在编辑器中打开
    dist/index.html
  6. 您会看到
    <%= title %>
    没有被
    Some title written in English (Great Britain)
  7. 取代
webpack html-webpack-plugin
1个回答
0
投票

更改你的 HtmlWebpackPlugin

new HtmlWebpackPlugin({
  template: 'path/to/your/template.html',
  templateParameters: {
     title: 'some string for title'
}),

添加到您的 template.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%= htmlWebpackPlugin.options.templateParameters.title %></title>
</head>
<body>
    <h1><%= htmlWebpackPlugin.options.templateParameters.title %></h1>
    <!-- Other content -->
</body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.