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

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页