-Wordpress plugin- correctly way to include js files without wp_enqueue_scripts

Question

I've been usually to include JavaScript files in my plugins in the following way:

function A_pubblish_scriptFEnd(){
    $A_scriptFE=plugins_url( 'Js/CPFront.js', __FILE__ );
    wp_enqueue_script( 'CP-js-FE', $A_scriptFE, true );
}
add_action( 'wp_enqueue_scripts', 'A_pubblish_scriptFEnd' );

It worked for every single plugin but now I'm having a problem if I upload more than one plugin WordPress gives me an error, cause I can't repeat wp_enqueue_scripts more than one time.

How can I include in a correct way multiple js files for multiple plugin? What is the correct way to include files in the main php file?

question from:https://stackoverflow.com/questions/65884144/wordpress-plugin-correctly-way-to-include-js-files-without-wp-enqueue-scripts

Answer 1

This is the correct way to enqueue scripts.

/**
 * Proper way to enqueue scripts and styles.
 */
function themeslug_enqueue_style() {
    wp_enqueue_style( 'my-theme', 'style.css', false );
}
 
function themeslug_enqueue_script() {
    wp_enqueue_script( 'my-js', 'filename.js', false );
}
 
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

Having multiple actions on the wp_enqueue_scripts hook is perfectly fine. ( https://developer.wordpress.org/reference/hooks/wp_enqueue_scripts/ )