怎么让 html-webpack-plugin 不执行模板的 ejs 语句, 而是保持原样？

发布于 2022-09-07 08:30:41 字数 501 浏览 11 评论 0

如我模板文件中有一句 ejs

<body>
  <% if (user) { %>
    <h2><%= user.name %></h2>
  <% } %>
</body>

webpack.config.js

new HtmlWebpackPlugin({
  filename: '../views/index.html',
  template: './src/templates/index.html'
})

直接执行的话就会报错 ReferenceError: user is not defined

但是我想 html-webpack-plugin 不执行 template 中的 ejs 语句而是保持原样输出。

那么怎么可以保持原样输出？

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

美人迟暮 2022-09-14 08:30:41

<% if (user) { %>
    <h2><%= '\<%= user.name%\>' %></h2>
<% } %>

哈哈哈，完美解决。
我已也是遇到这个问题，查了好久。
最后找到答案在这
https://www.lodashjs.com/docs...

回复收藏 0

長街聽風 2022-09-14 08:30:41

请问是想要取消html-webpack-plugin 自带的ejs模板功能？
可以尝试使用html-loader
demo: {test:/.html/, loader:'html-loader'} //当然，别的模块加载器也可以
然后插件模板使用.html做后缀
new HtmlWebpackPlugin({ template: 'xxx.html', filename: 'xxx.html'})
这样你的.html 就会交给html-loader 处理，而不是使用默认的ejs 处理

回复收藏 0

~没有更多了~