NPM

NPM을 이용한 CDN 사용

조영재님 2021. 6. 22. 04:44

NPM 저장소에 등록된 패키지의 코드를 CDN으로 사용 할 수 있다.

CDN이란, Contents Delivery Network - 콘텐츠 전송 네트워크로, 서버와 사용자 사이의 물리적 거리를 줄여 웹 페이지 콘텐츠 로드 지연을 최소화하는, 촘촘히 분산된 서버로 이루어진 플랫폼이다.

CDN의 장점

  1. 웹사이트의 로딩속도 개선 (case by case)
  2. 인터넷 회선 비용 절감
  3. 컨텐츠 제공의 안정성
  4. 웹사이트 보안 개선

사용방법

https://cdn.jsdelivr.net/npm/패키지명@버전/파일명

Example

Website URL

Script Src

<script src="https://cdn.jsdelivr.net/npm/finished-animation@0.0.24/dist/finished-animation.js"></script>