Comment importer jQuery avec la syntaxe ES6 dans Babel et Semantic-UI ?

Importation de jQuery à l'aide de la syntaxe ES6

Lors de l'utilisation de la syntaxe ES6 avec le transpileur Babel et l'interface utilisateur sémantique, l'importation de jQuery peut être effectuée comme suit :

index.js

<code class="js">import { $, jQuery } from 'jquery';
// export for others scripts to use
window.$ = $;
window.jQuery = jQuery;</code>

Explication :

• Importation depuis node_modules : jQuery doit être importé depuis le répertoire node_modules/, pas depuis le répertoire dist/. Le script build:app dans package.json est responsable de la copie de jQuery dans le dossier dist/.
• Importation spécifique : Au lieu d'utiliser le caractère générique glob *, vous pouvez importer des exportations nommées spécifiques, tels que $ et jQuery.
• Exposer jQuery : Pour rendre jQuery disponible à d'autres scripts, il est nécessaire de l'exposer à la portée globale en utilisant window.$ = $.
• Suppression des importations en double : Browserify élimine les importations en double, il n'y a donc aucune surcharge liée à l'importation de $ et de jQuery.

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!