Udostępnij za pośrednictwem


Redukowanie skryptów JavaScript przez wykluczenie nieużywanych modułów

Uwaga / Notatka

Grupa handlu detalicznego firmy Dynamics 365 Commerce przeniosła się z usługi Yammer do Viva Engage. Jeśli nie masz dostępu do nowej społeczności Viva Engage, wypełnij ten formularz (https://aka.ms/JoinD365commerceVivaEngageCommunity), aby dodać i pozostać zaangażowany w najnowsze dyskusje.

W tym artykule opisano, jak można zwiększyć wydajność, zmniejszając ilość kodu JavaScript używanego w implementacji Dynamics 365 Commerce firmy Microsoft.

Dynamics 365 Commerce zawiera duży zestaw modułów nazywanych biblioteką Commerce module. Jeśli nie używasz niektórych modułów w witrynie handlu elektronicznego, wyklucz je, aby zmniejszyć rozmiar fragmentu języka JavaScript. Aktywna witryna handlu elektronicznego nie renderuje wykluczonych modułów. Konstruktor witryn handlowych nie udostępnia ich podczas tworzenia stron.

Dotyczy

Ten artykuł dotyczy następujących konfiguracji:

  • Wersja: Commerce w wersji 10.0.16 lub nowszej
  • Komponent: business-to-consumer (B2C) lub business-to-business (B2B)
  • Obszar funkcji: wydajność witryny Commerce

Wymagania wstępne

Zainstaluj internetowy zestaw SDK (Software Development Kit) Dynamics 365 Commerce. Aby uzyskać więcej informacji, zobacz Link do dokumentu instalacji online SDK.

Kroki w celu ograniczenia JavaScript

Aby wykluczyć nieużywane moduły, dodaj nazwy modułów do właściwości excludeModules w pliku platform.settings.json zestawu SDK (/src/settings/platform.settings.json).

  1. Otwórz okno wiersza polecenia Windows.

  2. Przejdź do katalogu /src/settings w lokalizacji instalacji pakietu SDK.

  3. Otwórz plik platform.settings.json w edytorze tekstu.

  4. Wstaw następujący kod w formacie JavaScript Object Notation (JSON). Zastąp <EXCLUDED_MODULE_NAME...> nazwą modułu do wykluczenia. Ujęć każdą nazwę modułu w znaki podwójnego cudzysłowu. Jeśli wykluczysz wiele modułów, rozdziel nazwy modułów przecinkami.

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

Weryfikacja

Użyj jednej lub obu poniższych metod, aby sprawdzić, czy moduł został pomyślnie wykluczony.

Metoda 1

  • Opis lub cel: Sprawdź, czy moduł jest wykluczony.
  • Kroki do uruchomienia: Porównaj rozmiar fragmentu wyświetlany po kompilacji.
  • Wynik pozytywny: Po nowej kompilacji rozmiar fragmentu jest mniejszy.

Metoda 2

  • Opis lub cel: Sprawdź, czy moduł jest wykluczony.

  • Kroki do uruchomienia: Przetestuj moduł w środowisku programistycznym, wykonując następujące kroki:

    1. Uruchom serwer Node za pomocą polecenia yarn start .
    2. Odwiedź następujący adres URL: http://localhost:4000/modules?type=<YOUR-MODULE-NAME>.
  • Wynik testu: Wykluczony moduł nie jest wyświetlany na stronie internetowej.

Dodatkowe zasoby

Instalowanie internetowego SDK

Konfigurowanie środowiska projektowego