recherche

Maison  >  Article  >  interface Web  >  Comment importer jQuery dans la syntaxe ES6 ?

Comment importer jQuery dans la syntaxe ES6 ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-25 02:55:02218parcourir

How to Import jQuery in ES6 Syntax?

Importation de jQuery dans la syntaxe ES6

Problème

La migration vers la syntaxe ES6 pour une application utilisant une bibliothèque construite sur jQuery peut conduire à des questions sur l'importation de jQuery dans la nouvelle syntaxe.

Solution

1. Importer depuis le répertoire node_modules

import * en tant que feuille de style depuis '../assets/styles/app.scss';<br>importer {$, jQuery} depuis 'jquery' ; // Importer depuis node_modules<br>import * as jquery3 from '../dist/scripts/jquery.min';</p>
<p>console.log($('my-app'));<br>&lt ;/pre></p>
<p><strong>2. Exporter pour d'autres scripts</strong></p>
<p><pre class="brush:php;toolbar:false">window.$ = $;<br>window.jQuery = jQuery;<br>

Notes

  • Utiliser le glob comme n'est pas nécessaire car des objets spécifiques sont importés.
  • Il est avantageux d'importer à la fois $ et jQuery pour couvrir tous les scénarios d'utilisation.
  • Exposer l'importation à d'autres scripts à l'aide de window.$ = $ est essentiel.

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!

jquery scss es6 for Directory using console
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment vérifier de manière fiable si un IFrame est chargé et prêt à interagir en JavaScript ?Article suivant：Comment vérifier de manière fiable si un IFrame est chargé et prêt à interagir en JavaScript ?

Articles Liés

Voir plus