Bagaimana untuk Mengimport jQuery dalam Sintaks ES6?

Mengimport jQuery dalam Sintaks ES6

Masalah

Berhijrah ke sintaks ES6 untuk aplikasi menggunakan perpustakaan yang dibina pada jQuery boleh membawa kepada soalan tentang mengimport jQuery dalam sintaks baharu.

Penyelesaian

1. Import daripada Direktori node_modules

import * sebagai lembaran gaya daripada '../assets/styles/app.scss';
import {$, jQuery} daripada 'jquery'; // Import daripada node_modules
import * sebagai jquery3 daripada '../dist/scripts/jquery.min';

console.log($('my-app'));
< ;/pra>

2. Eksport untuk Skrip Lain

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

Nota

• Menggunakan glob sebagai adalah tidak perlu kerana objek tertentu sedang diimport.
• Adalah berfaedah untuk mengimport kedua-dua $ dan jQuery untuk merangkumi semua senario penggunaan.
• Mendedahkan import kepada skrip lain menggunakan tetingkap.$ = $ adalah penting.

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