外部モジュールのインポート

スクリプトでは、アクションのカスタマイズを容易にするため、外部モジュールをインポートすることができます:

import jQuery from "jquery";
import lodash from "lodash";
import moment from "moment";

npmレジストリに登録されているESM(ECMAScript modules)対応のパッケージを外部モジュールとして利用することができます。

ESM対応している外部モジュールは、配信ページのグローバル名前空間を汚染しません。

ESM対応していない外部スクリプト

ESM対応していない外部スクリプトは、loadGlobalScriptを利用する必要があります:

import { loadGlobalScript } from '@plaidev/karte-action-sdk';

export default () => {
  if (!window.evilModule) {
    await loadGlobalScript('https://example.com/nonSupportEsmEvilModule.js');
    window.evilModule = evilModule;
  }
  evilModule.trickOrTreat();
};

EMS対応していない外部モジュールは、グローバル名前空間を汚染するため推奨されません。