Bagaimana untuk Mengimport jQuery ke dalam Aplikasi ES6 Anda Menggunakan Sintaks Moden?

Mengimport jQuery Menggunakan Sintaks ES6

Dalam aplikasi JavaScript berasaskan ES6 anda, pengimportan jQuery boleh dicapai dengan beberapa pelarasan pada pangkalan kod anda.

Penyata Import ES6

Untuk mengimport jQuery, gunakan sintaks berikut dalam fail index.js anda:

import {$, jQuery} from 'jquery';

Dengan mengimport {$, jQuery} secara langsung, anda' memastikan kedua-dua alias $ dan jQuery boleh diakses dalam kod anda.

Modul Nod lwn. Folder Dist

Import daripada direktori node_modules/, kerana di sinilah pakej jQuery berada. Folder dist biasanya digunakan untuk kod sedia pengeluaran dan pengimportan dari sini tidak sejajar dengan proses binaan.

Menetapkan Pembolehubah Global

Untuk menjadikan jQuery tersedia kepada skrip lain dalam aplikasi anda, tetapkan ia pada objek tetingkap:

window.$ = $;
window.jQuery = jQuery;

Langkah ini memastikan bahawa jQuery boleh diakses secara global, tanpa mengira sempadan modul ES6.

Kod Contoh

Berikut ialah contoh lengkapkan index.js:

import {$, jQuery} from 'jquery';

// Make jQuery globally available
window.$ = $;
window.jQuery = jQuery;

console.log($('div'));

Dengan mengikuti langkah ini, anda boleh berjaya mengimport jQuery ke dalam aplikasi ES6 anda sambil mengekalkan keserasian dengan skrip sedia ada yang bergantung pada jQuery global.

Atas ialah kandungan terperinci Bagaimana untuk Mengimport jQuery ke dalam Aplikasi ES6 Anda Menggunakan Sintaks Moden?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!