ASP.NET Core中打包和压缩CSS、JS资源
在ASP.Net Core中可以使用合并打包与压缩这两种技术来提高Web应用程序页面加载的性能。通过减少从服务器请求的次数和减少资源文件的体积来提高加载性能。合并打包是指将多个CSS文件,合并到一个CSS文件,压缩是指将合并后的文件进一步压缩,以减小资源文件体积。
第一步,添加bundleconfig.json
在web项目根目录中,添加 bundleconfig.json 文件,大致内容如下,当然也可根据实际情况进行修改。
[
{
"outputFileName": "wwwroot/css/site.min.css",
"inputFiles": [
"wwwroot/lib/bootstrap/dist/css/bootstrap.css",
"wwwroot/css/site.css"
]
},
{
"outputFileName": "wwwroot/js/site.min.js",
"inputFiles": [
"wwwroot/js/site.js"
],
"minify": {
"enabled": true,
"renameLocals": true
},
"sourceMap": false
}
]
第二步,Nuget安装BuildBundlerMinifier
Install-Package BuildBundlerMinifier -Version 3.2.449
Nuget搜索安装BuildBundlerMinifier ,点击运行,此时可发现css目录已生成合并和压缩好的site.min.css
,js目录已生成合并和压缩好的site.min.js
。