Comment importer jQuery dans la syntaxe ES6 ?

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!