Require.jsを使用して特定のスクリプトを特定のページに読み込むにはどうすればよいですか？

Question

私はJekyllのマルチページHTMLプロジェクトを開発しており、ホームページにjQuery + Carousel jsファイルをロードしたいが、コンタクトページにはjQuery jsファイルしかロードしない。 Require.jsを利用して私のためにどのように活用しますか？

Answer 1

Jekyllを使用してJSを使用する代わりに、どのスクリプトを含むかを判断することで、これをより効率的に実行できます。

ロードするスクリプトを指定するには、ページ単位の変数（たとえば、scripts）を使用できます。ホーム・ページの

は、あなたが持っていると思います：

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

そして、コンタクトページのために、あなたが持っていると思います：あなたは<script>タグを追加している次に

--- 
scripts 
- jquery 
--- 

を、 scripts変数を繰り返し処理し、各項目にタグを出力します。この例では

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

、スクリプトは/vendor/js/jquery.jsと/vendor/js/carousel.jsに格納されています。もちろん、スクリプトタグのフォルダパスや、scripts変数のファイル名を変更することもできます。