技術メモ(主に自分向け)

短期記憶の自分向けの技術メモです。

コンポーネントにcss/jsライブラリを追加する方法

コンポーネントで使用したいライブラリを追加する方法は以下の通り。

①静的リソースに使用する素材をzipで登録する
コンポーネントで以下のように宣言

<ltng:require styles="{!join(',',
          $Resource.SlickJSAsset + '/css/other.css',
          $Resource.SlickJSAsset + '/css/slick.css')}"
         scripts="{!json(',',
          $Resource.jquery + '/jquery-3.4.1.mis.js',
          $Resource.swiperbundle + '/swiper-bundle.min.js')}"
         afterScriptsLoaded="{!c.initialize}"/>

<補足>
cssの追加は「styles」、jsの追加は「scripts」
 Resource.静的リソース名 + 'フォルダ階層があれば書く'

・「join」を書くことで、複数読み込むことを示す

・「afterScriptsLoaded="{!c.コンポーネントのコントローラー内のメソッド名}"」は、上記のスクリプトを読み込んだ後に、指定したController.jsを呼ぶ