【.NET Core】靜態文件，libman，捆綁和壓縮，BuildBundlerMinifier

目錄

靜態文件

Libman

捆綁和壓縮

BuildBundlerMinifier

---

 

靜態文件

首先，.NET Core MVC的項目靜態文件存在wwwroot文件夾中，如果不存在，自己新建即可

 

在之前的ASP.NET MVC項目時，安裝一些CSS,JS等靜態文件時，都是用NuGet包下載的

但在.NET Core MVC項目不同

會直接提示不兼容

根據提示跳轉到Bower，但是下載總是出錯

在.NET Core 項目中

NuGet 是一個包管理器，用於下載.NET 後臺所依賴的包

Libman是一個庫管理器，用於下載CSS,JS等靜態文件

 

Libman

使用libman下載靜態文件

在wwwroot右鍵--添加--客戶端庫

使用unpkg，選擇dist包即可

下載好，就自動添加libman.json文件，存放所依賴的包

如果一些靜態文件不小心被刪除，可以通過libman.json文件還原客戶端庫重新下載

官網指南：https://docs.microsoft.com/zh-cn/aspnet/core/client-side/libman/libman-vs?view=aspnetcore-3.1

 

捆綁和壓縮

捆綁：將多個文件綁在一起，就是將多個文件合成一個文件

壓縮：去除空格，換行等，減少文件體積，類似bootstrap.css和bootstrap.min.css

 

BuildBundlerMinifier

在NuGet下載BuildBundlerMinifier包

我們先創建兩個css文件

index1.css

body {
    font-size:20px;
    color:red;
}

index2.css

body {
    padding: 10px;
    margin: 10px;
}

創建bundleconfig.json配置文件

[
  {
    "outputFileName": "wwwroot/css/index.min.css",
    "inputFiles": [
      "wwwroot/index1.css",
      "wwwroot/index2.css"
    ]
  }
]

在項目中重新生成

生成的index.min.css文件

body{font-size:20px;color:#f00}body{padding:10px;margin:10px}

兩個文件壓縮並捆綁在一起了

也可以設置只捆綁不壓縮

[
  {
    "outputFileName": "wwwroot/css/index.min.css",
    "inputFiles": [
      "wwwroot/index1.css",
      "wwwroot/index2.css"
    ],
    "minify": { "enabled": false } //只捆綁不壓縮
  }
]