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

Question

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

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;
 }