로컬 jquery를 가져오는 방법

프런트엔드 개발에서는 강력한 JavaScript 라이브러리인 jQuery가 널리 사용됩니다. 그리고 jQuery를 로컬로 가져오려는 경우 일반적인 방법은 다음과 같습니다.

1. CDN을 통한 소개

jQuery를 가져오는 가장 일반적인 방법은 CDN(콘텐츠 배포 네트워크)을 이용하는 것입니다. jQuery의 공식 프로모션에는 Google, Microsoft, CDNJS, jsDelivr 등 다양한 플랫폼에서 CDN 서비스를 제공한다고 명시되어 있습니다. 해당 링크를 직접 복사하여 HTML 파일의 헤드 태그에 도입할 수 있습니다. 예:

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

2 다운로드 및 현지화

사용 중 인터넷 연결이 불가능할 경우 공식 홈페이지에서 jQuery를 다운로드하여 프로젝트가 위치한 폴더(js 폴더 등)에 저장하는 등 로컬에 저장할 수 있습니다. , 그리고 가져오기(예:

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

) 이 방법은 때때로 웹 페이지 로딩 시간을 늘리기도 하지만 오프라인 작업 및 프로젝트 코드 관리를 용이하게 합니다.

3. NPM을 사용하여 설치

우리는 Webpack과 같은 패키징 도구를 사용하여 프로젝트를 개발할 때 일반적으로 NPM을 사용하여 설치합니다. 이때 다음 명령을 통해 jQuery를 설치할 수 있습니다.

npm install jquery --save

설치가 완료된 후 JavaScript 파일의 import 문을 사용하여 이를 도입할 수 있습니다. 예:

import $ from 'jquery';

NPM을 사용한 후에는 주의해야 합니다. jQuery를 설치하려면 jQuery 패키징 및 출력 문제를 처리하기 위해 프로젝트에서 해당 빌드 도구(예: Webpack)를 구성해야 합니다.

위 내용은 로컬 jQuery를 가져오는 몇 가지 일반적인 방법입니다. 이를 사용할 때 실제 상황에 따라 가장 적합한 방법을 선택할 수 있습니다.

위 내용은 로컬 jquery를 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!