Comment importer jQuery dans votre application ES6 en utilisant la syntaxe moderne ?

Importation de jQuery à l'aide de la syntaxe ES6

Dans votre application JavaScript basée sur ES6, l'importation de jQuery peut être réalisée avec quelques ajustements de votre base de code.

Instruction d'importation ES6

Pour importer jQuery, utilisez la syntaxe suivante dans votre fichier index.js :

import {$, jQuery} from 'jquery';

En important {$, jQuery} directement, vous' Assurez-vous que les alias $ et jQuery sont accessibles dans votre code.

Node Modules vs. Dist Folder

Importez depuis le répertoire node_modules/, car c'est là que réside le package jQuery. Les dossiers Dist sont généralement utilisés pour le code prêt pour la production, et l'importation à partir d'ici ne correspond pas au processus de construction.

Définition des variables globales

Pour rendre jQuery disponible pour d'autres scripts de votre application, attribuez-le à l'objet window :

window.$ = $;
window.jQuery = jQuery;

Cette étape garantit que jQuery est globalement accessible, quelles que soient les limites du module ES6.

Exemple de code

Voici un exemple de complétez index.js :

import {$, jQuery} from 'jquery';

// Make jQuery globally available
window.$ = $;
window.jQuery = jQuery;

console.log($('div'));

En suivant ces étapes, vous pouvez importer avec succès jQuery dans votre application ES6 tout en conservant la compatibilité avec les scripts existants dépendants de jQuery global.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!