如何使用Require.js在特定页面上加载特定脚本？

Question

我正在开发一个Jekyll多页html项目，并希望在主页上加载jQuery + Carousel js文件，但只能在联系页面上加载jQuery js文件。我如何利用Require.js为我做这件事？

Answer 1

通过使用Jekyll来确定哪些脚本被包含而不是使用JS来确定它们，您可以更高效地完成此操作。

您可以使用每页变量（例如，scripts）来指定要加载的脚本。

对于主页，你必须：

--- 
scripts: 
- jquery 
- carousel 
--- 

和联系人页面，你必须：

--- 
scripts 
- jquery 
--- 

然后，在您要添加的<script>标签，你会遍历scripts变量并为每个项目输出一个标签。

{% for script in page.scripts %} 
    <script src="/vendor/js/{{ script }}.js"></script> 
{% endfor %} 

在该示例中，脚本存储在/vendor/js/jquery.js和/vendor/js/carousel.js。您当然可以更改脚本标记中的文件夹路径或scripts变量中的文件名。