Bagaimana untuk mengimport jquery tempatan

Dalam pembangunan bahagian hadapan, jQuery digunakan secara meluas sebagai perpustakaan JavaScript yang berkuasa. Dan jika kita ingin mengimport jQuery secara tempatan, kaedah biasa adalah seperti berikut:

1 Pengenalan melalui CDN

Cara yang paling biasa untuk mengimport jQuery adalah melalui CDN (rangkaian pengedaran kandungan) . Promosi rasmi jQuery menyatakan bahawa mereka menyediakan perkhidmatan CDN pada berbilang platform seperti Google, Microsoft, CDNJS, jsDelivr, dll. Kami boleh terus menyalin pautan yang sepadan dan memperkenalkannya dalam teg kepala fail HTML, contohnya:

<!-- jquery cdn  -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. Muat turun dan lokalkan

Jika anda tidak dapat menyambung ke Internet semasa penggunaan, anda boleh memuat turun jQuery dari tapak web rasmi dan menyimpannya secara setempat, seperti menyimpannya dalam folder tempat projek terletak (seperti folder js), dan kemudian importnya, contohnya:

<!--   引入本地的jquery文件 -->
<script src="./js/jquery.min.js"></script>

Walaupun kaedah ini kadangkala meningkatkan masa pemuatan halaman web, ia juga memudahkan kerja luar talian dan pengurusan kod projek .

3. Pasang menggunakan NPM

Apabila kami menggunakan alat pembungkusan seperti Webpack untuk membangunkan projek, kami biasanya menggunakan NPM untuk pemasangan. Pada ketika ini, kita boleh memasang jQuery melalui arahan berikut:

npm install jquery --save

Selepas pemasangan selesai, kita boleh menggunakan pernyataan import dalam fail JavaScript untuk memperkenalkannya, contohnya:

import $ from 'jquery';

Nota Apa yang menarik ialah selepas menggunakan NPM untuk memasang jQuery, kita perlu mengkonfigurasi alat binaan yang sepadan (seperti Webpack) dalam projek untuk mengendalikan isu pembungkusan dan output jQuery.

Di atas adalah beberapa kaedah biasa untuk mengimport jQuery tempatan. Apabila menggunakannya, kita boleh memilih kaedah yang paling sesuai dengan kita mengikut keadaan sebenar.

Atas ialah kandungan terperinci Bagaimana untuk mengimport jquery tempatan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!