2017-08-30 39 views
0

我使用ExpressJS进行Web开发,并使用EJS作为模板引擎。 我想知道是否有任何方便的方法要求jQuery在我的EJS模板上工作。 我可以在其中一个部分即footer.ejs中添加一个脚本标记,并将其包含到所有模块中,但这会导致jQuery在所有模块中加载(我只会在需要时使用jQuery)。 那么,有什么方法可以只需要在特定模块中使用jQuery,而不是将其添加为常用文件。如何在Express应用程序中使用EJS模板引擎要求jQuery

我读了关于shim包含在特定模块here中的方法,但dint完全理解它如何应用于我的设置(使用ejs模板表示应用程序)。

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

非常感谢。

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

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

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

[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 

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

+0

我的猜测是,之前jQuery是 –

+1

请不要张贴脚本截图 –

+0

好你的'form.js'装, 我会记住这一点。但是,我可以知道为什么吗? –

回答

0

首先,您必须启用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> 
+0

我认为这可能适用于我。我必须对此进行一些阅读。 感谢您向我展示此内容。 干杯! –

相关问题