Wie importiere ich jQuery in ES6-Syntax?

JQuery in ES6-Syntax importieren

Problem

Die Migration zur ES6-Syntax für eine App, die eine auf jQuery basierende Bibliothek verwendet, kann zu Fragen zum Import von jQuery führen in der neuen Syntax.

Lösung

1. Aus dem Verzeichnis node_modules importieren

import * als Stylesheet aus '../assets/styles/app.scss';<br>import {$, jQuery} aus 'jquery'; // Aus node_modules importieren<br>import * as jquery3 from '../dist/scripts/jquery.min';</p>
<p>console.log($('my-app'));<br>&lt ;/pre></p>
<p><strong>2. Für andere Skripte exportieren</strong></p>
<p><pre class="brush:php;toolbar:false">window.$ = $;<br>window.jQuery = jQuery;<br>

Notizen

• Die Verwendung des Globs als ist nicht erforderlich, da bestimmte Objekte importiert werden.
• Es ist vorteilhaft, sowohl $ als auch jQuery zu importieren, um alle Verwendungsszenarien abzudecken.
• Das Offenlegen des Imports für andere Skripte mithilfe von window.$ = $ ist unerlässlich.

Das obige ist der detaillierte Inhalt vonWie importiere ich jQuery in ES6-Syntax?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!