Maison > Article > interface Web > Voici quelques options de titre, variant selon leur caractère direct : **Direct et spécifique :** * **Comment importer jQuery avec la syntaxe ES6 pour les projets Semantic-UI** * **Syntaxe d'importation ES6 pour jQuery : un guide
Syntaxe ES6 pour l'importation de jQuery
Dans ce projet, jQuery est utilisé avec l'interface utilisateur sémantique pour le style, et l'application est écrite en utilisant Syntaxe ES6. L'objectif est d'utiliser la syntaxe d'importation ES6 pour importer jQuery et satisfaire la dépendance de semantic-ui.
Syntaxe d'importation ES6
Pour importer jQuery à l'aide de la syntaxe ES6, modifiez l'index. js comme suit :
<code class="javascript">import {$,jQuery} from 'jquery'; // export for others scripts to use window.$ = $; window.jQuery = jQuery;</code>
Chemin d'importation
Importez jQuery depuis le répertoire node_modules/, car l'importation depuis dist/ n'est pas idéale pour le développement car elle contient la production -actifs prêts.
Glob Import
Évitez d'utiliser la syntaxe d'importation glob (* as) pour jQuery et utilisez plutôt une instruction d'importation directe, telle que import {$ ,jQuery} de 'jquery'.
Exportations de fenêtres
Pour exposer jQuery à d'autres scripts, ajoutez les lignes suivantes :
<code class="javascript">window.$ = $; window.jQuery = jQuery;</code>
Justification
Cette modification vous permet d'importer jQuery en utilisant la syntaxe ES6 et de satisfaire la dépendance de semantic-ui.
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!