如何使用 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 变量中的文件名。

How do I use Require.js to load specific scripts on specific pages?