【.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 } //只捆绑不压缩
  }
]