javascript - 如何使用 wp_enqueue_script WordPress 将脚本添加为模块

Question

我想向 WordPress 网站添加 JavaScript 模块。但是通过使用 wp_enqueue_script 没有选项可以设置 type="module"在 <script>标签。

wp_enqueue_script( 'prodes-media-library-base', plugin_dir_url( __DIR__ ) . '/dist/js/classes/base.module.js', array(), '1.0' );

如果我使用上面的内容插入脚本，我将无法使用 import我的脚本中的声明。

Answer 1

如果您的脚本执行取决于属性:

引用号:https://developer.wordpress.org/reference/hooks/script_loader_tag/

add_filter( 'script_loader_tag', 'add_id_to_script', 10, 3 );

function add_id_to_script( $tag, $handle, $src ) {
  if ( 'dropbox.js' === $handle ) {
    $tag = '<script type="text/javascript" src="' . esc_url( $src ) . '" id="dropboxjs" data-app-key="MY_APP_KEY"></script>';
  }

  return $tag;
 }