lwc jquery

https://hub.appirio.jp/tech-blog/lightningwebcomponents5
OSSとして提供されている外部ライブラリ等をLWCから利用するには、loadStyle (CSS用)および loadScript (js用)関数を使用します。下記の例では静的リソースとして登録したjqueryファイルを loadScript関数を使って読み込んでいます。

JavaScriptコードの読み込みに成功すると then()に登録された関数が実行されます。サンプルでは$変数をクラスのiquery属性にセットしています。

/*外部リソースの読込*/
import { loadStyle, loadScript } from 'lightning/platformResourceLoader';
/*静的リソースの読込*/
import jquery3 from '@salesforce/resourceUrl/jquery3'

export default class lwc_useJQuery extends LightningElement {
    jquery;

    /*
    * 初期化処理
    */
    connectedCallback() {
        //リソースの読込
        Promise.all([
            loadScript(this, jquery3)
        ]).then(() => {
            this.jquery = $;
        });
    }
}