Wordpress Enqueue Modern JS Modules Script Strategy Dependencies

Definisi

Selain wp_enqueue_script, WordPress sejak 6.3+ mendukung script modules (wp_enqueue_script_module) dengan tipe import/export ES, serta wp_script_add_data untuk strategi (async/defer). Ini memungkinkan kode modular tanpa bundler eksternal dan terintegrasi dengan React/Preact bawaan (@wordpress/element).

Kapan dipakai

• Script module: butuh import/export antar file JS tanpa build step, atau pakai @wordpress/* packages.
• Strategy async/defer: percepat render dengan menunda script non-kritis.
• Inline/script data: wp_add_inline_script untuk pass config ke JS.
• Hindari menaruh <script> manual di template; selalu lewat enqueue agar urutan & dependency benar.

Cara kerja

Script module

php

wp_enqueue_script_module(
    'my-app',
    plugin_dir_url(__FILE__) . 'build/app.js',