ASP.NET manajemen perpustakaan klien Core LibMan

Lingkungan

Visual Studio

• Studio Visual 2019

ASP.NET Inti

• 3.1

Manajemen pustaka klien

Saat Anda membuat proyek ASP.NET Core baru, folder wwwroot/lib berisi pustaka klien seperti bootstrap dan jquery. Jika Anda tidak menggunakan pustaka klien, pustaka klien masih menjadi masalah. Secara umum, Anda akan sering menambahkan pustaka baru atau memutakhirkan pustaka yang ada seperti jquery.

Jika Anda menggunakan pustaka di server lain di Internet, seperti CDN, Anda tidak perlu menyadarinya. Jika Ingin menggunakan pustaka pada peladen, Anda harus mengunduh pustaka secara manual dan menempatkannya di dalam map lib ini.

Namun, ketika perpustakaan meningkat dan waktu berlalu, manajemen menjadi merepotkan, seperti "Versi mana versi saat ini?", "Apakah ada file yang diperlukan dengan benar?", "Saya harus menemukan versi baru lagi".

Jadi ASP.NET Core memungkinkan Anda untuk mengelola perpustakaan klien ini secara massal dengan fitur manajemen perpustakaan yang disebut LibMan.

Memperkenalkan LibMan

Dari Solution Explorer, klik kanan proyek dan pilih Kelola pustaka pihak klien.

Ini akan menambahkan file yang disebut libman.json.

Konten file ditampilkan dalam gambar. Anda dapat mengeditnya secara langsung, tetapi tidak sering dimasukkan secara langsung karena diedit tanpa izin oleh operasi layar. Untuk saat ini, ini adalah satu-satunya perkenalan.

Menambahkan pustaka klien

Klik kanan proyek dan → menambahkan pustaka sisi klien baru.

Pilih penyedia dan masukkan nama pustaka yang ingin Anda perkenalkan ke dalam pustaka. Anda dapat mencari berdasarkan kecocokan parsial, sehingga Anda hanya dapat memasukkan nama yang merupakan kuncinya.

Misalnya, jika Anda mengetik jquery, saran berikut ditampilkan:

Tekan enter atau pilih kandidat saat ini. Versi terbaru kemudian dipilih secara otomatis.

By the way, jika tidak ada kandidat, penyedia yang dipilih mungkin tidak dikelola, jadi cobalah memilih penyedia lain.

Lokasi target lebih mudah dikelola berdasarkan pengaturan default "wwwroot/lib/", sehingga Anda dapat membiarkannya apa adanya.

Setelah Anda memasuki pustaka, klik tombol instal.

Jika Anda melihat dialog yang mirip dengan yang berikut ini, dialog tersebut mungkin tidak ada di penyedia atau menentukan versi, dll.

Isi libman.json kemudian ditambahkan sebagai berikut:

Ketika library terdaftar di libman.json, library secara otomatis diunduh ke wwwroot/lib (yang mungkin memakan waktu). Namun, karena jquery berada di folder lib dari awal, itu mungkin tidak terbaru (mungkin). Dalam hal ini, hapus jquery yang ada dan kemudian perbarui libman sebagai berikut (Anda tidak perlu melakukan apa pun jika sudah diperbarui).

Anda dapat menghapus semua pustaka yang ada jika Anda mengelolanya di libman.

Klik kanan libman.json dan pilih Pulihkan pustaka pihak klien.

Pustaka diunduh secara otomatis.

Coba perkenalkan perpustakaan baru.js "pemanggang roti".

Itu diperkenalkan tanpa harus mengunduhnya secara manual.

Cara menggunakan pustaka

Anda biasanya hanya menggunakan tag tautan dan skrip untuk menentukan jalur yang sesuai.

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

Perubahan dan pembaruan versi pustaka

Buka libman.json.

Jika Anda menghapus versi pustaka target, Anda akan melihat saran, jadi yang harus Anda lakukan adalah memilih versi yang Anda inginkan. Simpan file saat Anda membuat perubahan.

Pustaka diperbarui secara otomatis, tetapi jika tidak diperbarui, klik kanan libman.json dan pilih Pulihkan pustaka sisi klien.