使用Html Webpack Plugin生成模板

Question

我希望使用Html Webpack插件生成模板。我不想从模板生成.html文件，而是想从另一个.ejs模板生成.ejs模板。

我这样做是为了在后端渲染模板时，可以根据环境插入不同的api密钥。例如，我想生成一个类似于以下内容的模板：

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

这样在演示时可以使用测试密钥。

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

- oorst

---

当你说你想使用另一个.ejs模板来渲染一个.ejs模板时，我不知道你的意思，但你可能想查看ejs-loader来生成.ejs模板。https://github.com/okonet/ejs-loader - user5483398

我想生成一个仍然带有<%= %>的模板。也许我走错了路。 - oorst

其实很简单，我只需要把'<%= %>'放进另一个模板标签里面就行了。<%= '<%= APIKey %>' %> - oorst

@oorst 谢谢，这对我有用。唯一需要注意的是，在字符串中应该转义模板字符。 例如： <%= '\<\%\= user_data \%\>' %> - tszekely

Answer 1

请点击这里查看。

您可以覆盖加载器：

new HtmlWebpackPlugin({

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

应该可以只使用“identity-loader”

- woryzower

Answer 2

是的，您可以使用此插件生成任何基于文本的文件。您需要按照以下方式向插件提供模板和文件名属性。

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

- Pavithra Kodmad