Bagaimana untuk Mengimport jQuery dengan Sintaks ES6 dalam Babel dan Semantic-UI?

Mengimport jQuery menggunakan Sintaks ES6

Apabila menggunakan sintaks ES6 dengan transpiler Babel dan semantic-ui, mengimport jQuery boleh dilakukan seperti berikut:

index.js

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

Penjelasan:

• Mengimport daripada node_modules: jQuery harus diimport dari direktori node_modules/, bukan dari direktori dist/. Skrip build:app dalam package.json bertanggungjawab menyalin jQuery ke folder dist/.
• Import khusus: Daripada menggunakan kad bebas glob *, anda boleh mengimport eksport bernama khusus, seperti $ dan jQuery.
• Mendedahkan jQuery: Untuk menjadikan jQuery tersedia kepada skrip lain, anda perlu mendedahkannya kepada skop global menggunakan tetingkap.$ = $.
• Penyingkiran import pendua: Browserify menghapuskan import pendua, jadi tiada overhed dalam mengimport kedua-dua $ dan jQuery.

Atas ialah kandungan terperinci Bagaimana untuk Mengimport jQuery dengan Sintaks ES6 dalam Babel dan Semantic-UI?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!