Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengimport jQuery dengan Sintaks ES6 dalam Babel dan Semantic-UI?

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

Linda Hamilton
Lepaskan: 2024-10-26 07:21:30
asal
582 orang telah melayarinya

How to Import jQuery with ES6 Syntax in Babel and 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>
Salin selepas log masuk

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!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan