如何使用 EJS 模板引擎在 Express 应用程序中要求 jQuery

Question

我使用 ExpressJS 进行 Web 开发，使用 EJS 作为模板引擎。 我想知道是否有任何方便的方法要求 jQuery 处理我的 EJS 模板。 我可以在其中一个部分（即 footer.ejs）中添加一个脚本标签，并将其包含在任何地方，但这会导致 jQuery 被加载到所有模块中（我只会在少数需要时使用 jQuery）。 那么，有没有办法只在特定模块中需要 jQuery 而不是将其添加为公共文件。

我读到了 shim 包含在特定模块中的方式 here，但我非常了解它如何应用于我的设置（带有 ejs 模板的快速应用程序）。

非常感谢任何关于如何实现这一点的合理说明。

非常感谢。

footer.ejs
//This image shows my footer partial which has jQuery as common inclusion.

[

form.js
//This is my script file which has jQuery as dependency

[

form.ejs
//This is how the form-validation script is being included in form template

Answer 1

首先，您必须先启用extractScripts

app.set("layout extractScripts", true);

然后，在您的布局中使用<%- script %> 将所有脚本注入到视图中

<html>
    <head>...</head>
    <body>
        <script src="/path/to/jquery"></script>
        <script src="/path/to/other/lib"></script>
        ...

        <%- script %>
    </body>

</html>