Cómo agregar un script como un módulo usando wp_enqueue_script WordPress

1 minuto de lectura

Quiero agregar un módulo de JavaScript a un sitio de WordPress. Sin embargo al usar wp_enqueue_script no hay opción para configurar el type="module" en el <script> etiqueta.

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

Si uso lo anterior para insertar un script que no puedo usar import declaración en mi guión.

Si la ejecución de su script depende de los atributos:

Árbitro: 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;
 }

  • ¿Puedes agregar más detalles? ¿Cómo se llama la función add_id_to_script() y qué es data-app-key y qué tiene que ver con la pregunta?

    – Dimitrios Ververidis

    17 de enero de 2021 a las 15:43

¿Ha sido útil esta solución?