Wie importiere ich jQuery mit ES6-Syntax in Babel und Semantic-UI?

JQuery mit ES6-Syntax importieren

Bei Verwendung der ES6-Syntax mit Babel-Transpiler und Semantic-UI kann der Import von jQuery wie folgt erfolgen:

index.js

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

Erklärung:

• Importieren aus node_modules: jQuery sollte aus dem Verzeichnis node_modules/ importiert werden, nicht aus dem Verzeichnis dist/. Das build:app-Skript in package.json ist für das Kopieren von jQuery in den Ordner dist/ verantwortlich.
• Spezifischer Import: Anstatt den Glob-Platzhalter * zu verwenden, können Sie bestimmte benannte Exporte importieren. wie $ und jQuery.
• JQuery verfügbar machen: Um jQuery für andere Skripte verfügbar zu machen, ist es notwendig, es mit window.$ = $.
• Entfernung doppelter Importe: Browserify eliminiert doppelte Importe, sodass beim Importieren von $ und jQuery kein Mehraufwand entsteht.

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