How to add script as a module using wp_enqueue_script WordPress

Question

I want to add a JavaScript module to a WordPress site. However by using wp_enqueue_script there is no option to set the type="module" in the <script> tag.

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

If I use the above to insert a script I cannot use import statement in my script.

Does this answer your question? Enqueue javascript with type="module" — Ayo Reis
– Ayo Reis, Commented Apr 12, 2024 at 12:03

wbdlc · Accepted Answer · 2019-12-20 09:52:07Z

5

If your script execution depends on attributes:

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

answered Dec 20, 2019 at 9:52

wbdlc

1,0891 gold badge12 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dimitrios Ververidis Over a year ago

Can you add more details ? How do you cal add_id_to_script() function and what is data-app-key and what has to do with the question ?

Collectives™ on Stack Overflow

How to add script as a module using wp_enqueue_script WordPress

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related