Enqueue javascript with type=“module”

问题

I want to use countUp.js on my custom theme in wordpress.

When I add the file with wp_enqueue_script(), i get an error:

Uncaught SyntaxError: Unexpected token 'export'

I've read that it can be fixed setting on the label type="module", but I don't know how to do that, as that option does'nt exixst in wp_enqueue_script...

Anyone can hel me?

回答1:

One can add attributes to a script by applying filter 'script_loader_tag'.

Use add_filter('script_loader_tag', 'add_type_attribute' , 10, 3); to add the filter.

Define the callback function like the example given on the link above:

function add_type_attribute($tag, $handle, $src) {
    // if not your script, do nothing and return original $tag
    if ( 'your-script-handle' !== $handle ) {
        return $tag;
    }
    // change the script tag by adding type="module" and return it.
    $tag = '<script type="module" src="' . esc_url( $src ) . '"></script>';
    return $tag;
}

来源：https://stackoverflow.com/questions/58931144/enqueue-javascript-with-type-module