javascript - JavaScriptインポートのベストプラクティスは何ですか?

Question

さて、ワードプレスのテーマを作っているとしましょう。スライダーやカルーセル、ajax 読み込み要素、フォーム コントロールなどの JavaScript モジュールがたくさんあります。これに対する私の主なアプローチは、すべての JavaScript コードを main.js ファイルに入れます。main.js には、次のようなコードがあります。

$(".slider").startSlider();

そして、すべてのページに main.js をインポートします。したがって、ページの1つにクラスが「スライダー」である要素がある場合、それらは完全に機能します。しかし、私はこれが本当のアプローチであるかどうかに興味がありますか? ページで JavaScript モジュールを使用しない場合でも、すべての JavaScript コードがページをインポートします。何か違うアプローチはありますか？

Answer 1

あなたができる

if ($(".slider").length>0) { 
  jQuery.getScript("slider.js")
    .done(function() {
      $(".slider").startSlider();
  });
}