ลด JavaScript โดยไม่รวมโมดูลที่ไม่ได้ใช้

Note

กลุ่มผู้สนใจในธุรกิจค้าปลีกที่จัดโดย Dynamics 365 Commerce ได้ย้ายจาก Yammer ไปยัง Viva Engage ถ้าคุณไม่สามารถเข้าถึงชุมชน Viva Engage ใหม่ กรอกแบบฟอร์มนี้ (https://aka.ms/JoinD365commerceVivaEngageCommunity) เพื่อเพิ่มและมีส่วนร่วมในการสนทนาล่าสุด

บทความนี้อธิบายวิธีที่คุณสามารถช่วยปรับปรุงประสิทธิภาพโดยการลดจํานวน JavaScript ที่ใช้ในการใช้งาน Microsoft Dynamics 365 Commerce

Dynamics 365 Commerce ประกอบด้วยชุดโมดูลขนาดใหญ่ที่เรียกว่าไลบรารี Commerce module หากคุณไม่ได้ใช้มอดูลบางอย่างในเว็บไซต์ e-commerce ของคุณ ให้แยกออกเพื่อช่วยลดขนาดกลุ่ม JavaScript เว็บไซต์อีคอมเมิร์ซสดไม่แสดงโมดูลที่ไม่รวม ฟังก์ชันการสร้างไซต์ของ Commerce ไม่ทำให้เนื้อหาหรือเครื่องมือดังกล่าวสามารถใช้งานได้เมื่อคุณสร้างหน้า

ใช้กับ

บทความนี้ใช้กับการกำหนดค่าต่อไปนี้:

• รุ่น: Commerce 10.0.16 หรือรุ่นที่ใหม่กว่า
• ส่วนประกอบ: ธุรกิจกับผู้บริโภค (B2C) หรือธุรกิจกับธุรกิจ (B2B)
• ขอบเขตคุณลักษณะ: ประสิทธิภาพของเว็บไซต์การค้า

ข้อกำหนดเบื้องต้น

ติดตั้งชุดการพัฒนาซอฟต์แวร์ออนไลน์ Dynamics 365 Commerce (SDK) สำหรับข้อมูลเพิ่มเติม โปรดดู ติดตั้ง SDK ออนไลน์

ขั้นตอนในการลด JavaScript

เมื่อต้องการไม่รวมโมดูลที่ไม่ได้ใช้ ให้เพิ่มชื่อโมดูลไปยังคุณสมบัติ excludeModules ในไฟล์ platform.settings.json ของ SDK (/src/settings/platform.settings.json)

1. เปิดหน้าต่างพร้อมท์คําสั่ง Windows

2. ไปที่ไดเรกทอรี /src/settings ในตำแหน่งการติดตั้ง SDK ของคุณ

3. เปิดไฟล์ platform.settings.json ในตัวแก้ไขข้อความ

4. แทรกโค้ดต่อไปนี้ในรูปแบบ JavaScript Object Notation (JSON) แทนที่ <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>

• ผลลัพธ์ที่ส่งผ่าน: โมดูลที่ถูกแยกออกไม่แสดงบนเว็บเพจ

แหล่งข้อมูลเพิ่มเติม

ติดตั้ง SDK ออนไลน์

ตั้งค่าสภาพแวดล้อมการพัฒนา