ASP.NET Core使用BuildBundlerMinifier捆绑压缩样式JS文件

2020-07-03 ASP.NET Core .NET Core BuildBundlerMinifier 捆绑压缩 4045 0

在ASP.NET MVC中可以把多个样式文件和Js文件捆绑到一个文件并且压缩，可以减少请求和带宽。在ASP.NET Core中可以使用BuildBundlerMinifier进行捆绑压缩。

如何使用BuildBundlerMinifier？

先使用Nuget安装BuildBundlerMinifier。

添加一个名字为bundleconfig.json的配置文件

假设我们的wwwroot文件夹中，有main.css和site.css两个样式表文件。

ASP.NET Core使用BuildBundlerMinifier捆绑压缩样式JS文件

在配置文件里做如下配置

[
  {
    "inputFiles": [ "wwwroot/site.css", "wwwroot/main.css" ],
    "outputFileName": "wwwroot/css/site.min.css"
  }
]

inputFiles是源文件的路径，outputFileName是生成目标文件的路径和文件名，我把输出位置和文件名设置为wwwroot/css/site.min.css。

保存配置之后重新生成项目，就会在wwwroot文件夹里自动生成css文件夹，并且创建一个site.min.css文件，里面是合并了site.css和main.css的内容了。

ASP.NET Core使用BuildBundlerMinifier捆绑压缩样式JS文件

JS文件的话同理，配置多个的话往配置文件数组里再加就行了。

这里也可以做一些配置，比如只想合并不想压缩的话可以这样写

[
  {
    "inputFiles": [ "wwwroot/site.css", "wwwroot/main.css" ],
    "outputFileName": "wwwroot/css/site.min.css",
    "minify": {
      "enabled": false
    }
  }
]

这样生成以下，css文件里的样式就不是压缩成一行的了。