webpack - 使用 Html Webpack Plugin 生成模板

Question

我想用 Html Webpack Plugin 生成一个模板。我不想从模板生成 .html 文件，我想从另一个 .ejs 模板生成 .ejs 模板。

我想这样做，以便在从后端渲染模板时，我可以根据环境插入不同的 api 键。例如，我想生成一个看起来像这样的模板：

...
<script>
   API.setKey('<%= APIKey %>');
</script>
...

以便在登台时可以使用测试密钥。

是否可以使用 Html Webpack Plugin 生成模板？

score 0 · Accepted Answer

您可以覆盖加载程序：

new HtmlWebpackPlugin({

  template: '!!html-loader!src/index.ejs'
})

应该可以只使用“身份加载器”

score -1 · Accepted Answer

是的，您可以使用此插件生成任何基于文本的文件。您必须为插件提供template和filename属性，如下所示

new HtmlWebpackPlugin({
  template: 'template.ejs',
  filename: 'endresult.ejs'
})

2 回答 2