node.js - 在 "public"文件夹中模板化静态前端 .js 文件的正确方法是什么(使用 Express/NodeJS 和 EJS)？

Question

有没有办法像我用 EJS 模板化我的 HTML 一样“模板化”静态前端 .js 文件(“公共(public)”文件夹中的文件)？

这可能吗？如果是，最好的方法是什么？

Answer 1

模板化 js、css 文件确实是个坏主意，因为浏览器会缓存那些具有 Cache-Control header 的 js 文件，而大多数反向代理(如 cloudflare)默认将 Cache-Control header 设置为所有静态文件。

有两种方法可以解决这个问题。

1. 使用隐藏的表单域

EJS:

<input type="hidden" name="language" id="language" value="<%-language%>">


JS:

var language = document.getElementById('language').value;
console.log(language)

1. 只需在您的 ejs 文件中编写一个脚本 block ，然后再添加您的 .js 文件并在其中分配变量值。

EJS:

<script> var language = <%-language%></script>

JS:

console.log(language)