ASP.NET quản lý "LibMan" trong thư viện máy khách cốt lõi

môi trường

Visual Studio

• Visual Studio 2019

ASP.NET Core

• 3.1

Quản lý thư viện khách hàng

ASP.NET tạo một dự án Core mới, thư mục "wwwroot/lib" chứa các thư viện khách hàng như bootstrap và jquery. Nếu bạn chưa bao giờ sử dụng thư viện khách hàng, không có vấn đề. Thông thường, bạn thường thêm thư viện mới hoặc nâng cấp các thư viện hiện có, chẳng hạn như jquery.

Nếu bạn sử dụng thư viện trên các máy chủ khác trên Internet, chẳng hạn như CDN, bạn không cần phải xem xét nó một mình. Nếu bạn muốn đặt thư viện trên máy chủ của riêng bạn, bạn phải tự tải về thư viện và đặt nó trong thư mục lib này.

Tuy nhiên, khi số lượng thư viện tăng lên và thời gian phát trực tuyến dài, việc quản lý trở nên rắc rối, chẳng hạn như "phiên bản hiện tại là gì", "tệp nào cần thiết gọn gàng", "Tôi phải tìm lại phiên bản mới".

Vì vậy ASP.NET quản lý hàng loạt các thư viện của các khách hàng này bằng cách sử dụng tính năng quản lý thư viện được gọi là LibMan.

Giới thiệu về LibMan

Bấm chuột phải vào dự án từ Trình khám phá Giải pháp, rồi chọn Quản lý Thư viện Máy khách.

Sau đó thêm một tập tin được gọi là libman.json.

Nội dung của tệp được hiển thị. Bạn có thể chỉnh sửa nó trực tiếp, nhưng bạn hiếm khi nhập nó trực tiếp vì nó sẽ chỉnh sửa trong hành động trên màn hình. Bây giờ, đây chỉ là một giới thiệu.

Thêm thư viện khách hàng

Bấm chuột phải vào mục, → thư viện máy khách mà bạn đã thêm.

Chọn nhà cung cấp, sau đó nhập tên của thư viện bạn muốn triển khai trong thư viện. Bởi vì bạn có thể tìm kiếm trong một trận đấu một phần, bạn chỉ cần nhập tên của phím.

Ví dụ: khi bạn nhập jquery, chúng tôi khuyên bạn nên như sau:

Tại thời điểm này, nhấn Enter hoặc chọn đề xuất. Sau đó, phiên bản mới nhất sẽ tự động được chọn.

Nhân tiện, nếu bạn không đề xuất, nhà cung cấp bạn chọn có thể không được quản lý, vì vậy hãy thử chọn một nhà cung cấp khác.

Vị trí mục tiêu có thể được thực hiện như là, bởi vì nó rất dễ dàng để quản lý dựa trên thiết lập ban đầu của "wwwroot/lib/".

Sau khi nhập thư viện, hãy bấm nút Cài đặt.

Nếu một hộp thoại tương tự như sau xuất hiện, nhà cung cấp có thể không tồn tại hoặc phiên bản có thể không được chỉ định.

Nội dung của libman.json sẽ được thêm vào như sau:

Khi bạn đăng ký một thư viện trong libman.json, nó sẽ tự động tải về wwwroot/lib (điều này có thể mất một thời gian). Tuy nhiên, jquery có thể không được cập nhật vì jquery nằm trong thư mục lib ngay từ đầu. Trong trường hợp này, loại bỏ jquery hiện có và sau đó cập nhật libman như sau (nếu chúng được cập nhật, bạn không cần phải làm bất cứ điều gì)

Nếu được quản lý bởi libman, bạn có thể xóa tất cả các thư viện hiện có.

Bấm chuột phải vào libman.json và chọn Khôi phục thư viện máy khách.

Thư viện sẽ tự động tải xuống.

Hãy thử giới thiệu một thư viện .js bánh mì nướng".

Không cần tải xuống thủ công để triển khai.

Làm thế nào để sử dụng thư

Thông thường, bạn chỉ cần sử dụng liên kết hoặc thẻ tập lệnh để chỉ định đường dẫn thích hợp.

<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>

Thay đổi và cập nhật phiên bản thư viện

Mở libman.json.

Nếu bạn xóa phiên bản của thư viện, bạn sẽ được nhắc, vì vậy bạn chỉ chọn phiên bản đó. Sau khi bạn thực hiện thay đổi, lưu tệp.

Thư viện sẽ tự động cập nhật, nhưng nếu không được cập nhật, hãy bấm chuột phải vào libman.json và chọn Khôi phục thư viện máy khách.