ASP.NET 코어의 클라이언트 라이브러리 관리 LibMan

페이지 생성 날짜 :

환경

비주얼 스튜디오
  • 비주얼 스튜디오 2019
ASP.NET 코어
  • 3.1

클라이언트 라이브러리 관리

새 ASP.NET 코어 프로젝트를 만들 때 wwwroot/lib 폴더에는 부트스트랩 및 jquery와 같은 클라이언트 라이브러리가 포함되어 있습니다. 클라이언트 라이브러리를 사용하지 않으면 여전히 문제가 됩니다. 일반적으로 jquery와 같은 새 라이브러리를 추가하거나 기존 라이브러리를 업그레이드하는 경우가 많습니다.

CDN과 같은 인터넷의 다른 서버에서 라이브러리를 사용하는 경우 해당 라이브러리를 인식할 필요가 없습니다. 서버의 라이브러리를 사용하려면 수동으로 라이브러리를 다운로드하여 이 lib 폴더에 배치해야 합니다.

그러나 라이브러리가 증가하고 시간이 지남에 따라 "현재 버전이 있는 버전이 있습니까?", "필요한 파일이 제대로 있습니까?", "새 버전을 다시 찾아야 합니다"와 같은 관리가 번거로워집니다.

따라서 ASP.NET 코어를 사용하면 LibMan이라는 라이브러리 관리 기능을 사용하여 이러한 클라이언트의 라이브러리를 일괄 관리할 수 있습니다.

리먼 소개

솔루션 탐색기에서 프로젝트를 마우스 오른쪽 단추로 클릭하고 클라이언트 측 라이브러리 관리를 선택합니다.

이렇게 하면 libman.json이라는 파일이 추가됩니다.

파일의 내용은 그림에 표시됩니다. 직접 편집할 수 있지만 화면 작동에 의해 허가 없이 편집되므로 직접 입력되지 않는 경우가 많습니다. 지금은 이것이 유일한 소개입니다.

클라이언트 라이브러리 추가

프로젝트를 마우스 오른쪽 단추로 클릭하고 새 클라이언트 측 라이브러리를 추가할 →.

공급자를 선택하고 라이브러리에 소개할 라이브러리의 이름을 입력합니다. 부분 일치로 검색할 수 있으므로 키인 이름만 입력할 수 있습니다.

예를 들어 jquery를 입력하면 다음 제안이 표시됩니다.

현재 후보자를 입력하거나 선택합니다. 그런 다음 최신 버전이 자동으로 선택됩니다.

즉, 후보가 없는 경우 선택한 공급자를 관리하지 않을 수 있으므로 다른 공급자를 선택해 보십시오.

대상 위치는 "wwwroot/lib/"의 기본 설정에 따라 관리하기가 더 쉬므로 그대로 둘 수 있습니다.

라이브러리를 입력한 후 설치 버튼을 클릭합니다.

다음과 유사한 대화 상자가 표시되면 공급자에 존재하지 않거나 버전을 지정할 수 있습니다.

libman.json의 내용은 다음과 같이 추가됩니다.

라이브러리가 libman.json에 등록되면 wwwroot/lib에 자동으로 다운로드됩니다(시간이 좀 걸릴 수 있음). 그러나 jquery는 처음부터 lib 폴더에 있으므로 최신되지 않을 수 있습니다(예: 일 수 있음). 이 경우 기존 jquery를 삭제한 다음 libman을 다음과 같이 업데이트합니다(최신 상태인 경우 아무 것도 수행할 필요가 없습니다).

libman에서 라이브러리를 관리하는 경우 기존 라이브러리를 모두 삭제할 수 있습니다.

libman.json을 마우스 오른쪽 단추로 클릭하고 클라이언트 측 라이브러리 복원을 선택합니다.

라이브러리가 자동으로 다운로드됩니다.

새로운 라이브러리.js "토스터"를 소개해 보십시오.

수동으로 다운로드할 필요 없이 도입되었습니다.

라이브러리 사용 방법

일반적으로 링크 및 스크립트 태그를 사용하여 적절한 경로를 지정하기만 하면 됩니다.

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/toastr.js/toastr.css" />

<!-- 省略 -->

<script src="~/lib/popper.js/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/toastr.js/toastr.min.js"></script>

라이브러리 버전 변경 및 업데이트

오픈 libman.json.

대상 라이브러리의 버전을 지우면 제안이 표시되므로 원하는 버전을 선택하는 것만 있으면 됩니다. 변경할 때 파일을 저장합니다.

라이브러리가 자동으로 업데이트되지만 업데이트되지 않으면 libman.json을 마우스 오른쪽 단추로 클릭하고 클라이언트 측 라이브러리 복원을 선택합니다.