次の方法で共有

使用されていないモジュールを除外して JavaScript を削減する

注

Dynamics 365 Commerce の 小売利子グループ は、Yammer から Viva Engage に移行しました。 新しいViva Engage コミュニティにアクセスできない場合は、追加するフォーム (https://aka.ms/JoinD365commerceVivaEngageCommunity) に入力し、最新のディスカッションに参加してください。

この記事では、Microsoft Dynamics 365 Commerce 実装で使用される JavaScript の量を減らすことで、パフォーマンスを向上させる方法について説明します。

Dynamics 365 Commerceには、Commerce module ライブラリと呼ばれる多数のモジュールが含まれています。 eコマース サイトで一部のモジュールを使用しない場合は、JavaScript チャンク サイズの縮小に役立つモジュールを除外します。 ライブ e コマース サイトでは、除外されたモジュールはレンダリングされません。 コマース サイト ビルダーでは、ページを作成するときに使用できません。

適用先

この記事は、次の構成に適用されます。

  • バージョン: Commerce 10.0.16 またはそれ以降
  • コンポーネント: 企業とコンシューマー (B2C) または企業間 (B2B)
  • 機能領域: Commerce Web サイト パフォーマンス

必要条件

Dynamics 365 Commerce オンライン ソフトウェア開発キット (SDK) をインストールします。 詳細については、オンライン SDK をインストール を参照してください。

JavaScript を削減するための手順

未使用のモジュールを除外するには、SDK のplatform.settings.jsonファイル (/src/settings/ platform.settings.json) の excludeModules プロパティにモジュール名を追加します。

  1. Windowsコマンド プロンプト ウィンドウを開きます。

  2. SDK インストールの場所で、/src/settings ディレクトリに移動します。

  3. テキスト エディタで platform.settings.json ファイルを開きます。

  4. 次のコードを JavaScript Object Notation (JAVA) 形式で挿入します。 <EXCLUDED_MODULE_NAME...> を除外するモジュールの名前で置き換えます。 各モジュール名を二重引用符で囲みます。 複数のモジュールを除外する場合は、モジュール名をコンマで区切ります。

    {
    "excludedModules": ["<EXCLUDED_MODULE_NAME1>","<EXCLUDED_MODULE_NAME2>"]
}

検証

モジュールが正常に除外されたことを検証するには、次のいずれかの方法または両方を使用します。

メソッド 1

  • 説明または目的: モジュールが除外されていることを確認します。
  • 実行する手順: ビルド後に表示されるチャンク サイズを比較します。
  • 合格の結果: 新しいビルドを行った後は、チャンク サイズは小さくなります。

メソッド 2

  • 説明または目的: モジュールが除外されていることを確認します。

  • 実行手順: これらの手順で、開発環境のモジュールをテストします。

    1. yarn start コマンドで、ノード サーバーを実行します。
    2. 次の URL: http://localhost:4000/modules?type=<YOUR-MODULE-NAME> を参照してください。

  • 結果を渡す: 除外されたモジュールは Web ページに表示されません。

その他のリソース

オンライン SDK をインストール

開発環境の設定

  • Last updated on