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