爱情动做网站推荐,wordpress菜单顶部,建筑工程公司有哪些职位,网站建设的案例教程本文将介绍使用的打包和压缩的优点#xff0c;以及如何在ASP.NET Core应用程序中使用这些功能。
概述
在ASP.Net中可以使用打包与压缩这两种技术来提高Web应用程序页面加载的性能。通过减少从服务器请求的次数和减少资源文件的体积来提高加载性能。
打包是一地将多个文件以及如何在ASP.NET Core应用程序中使用这些功能。
概述
在ASP.Net中可以使用打包与压缩这两种技术来提高Web应用程序页面加载的性能。通过减少从服务器请求的次数和减少资源文件的体积来提高加载性能。
打包是一地将多个文件CSSJavaScript等资源文件合并或打包到单个文件。文件合并可减少了 Web 资源文件从服务器的所需请求数这样也可提高页面载入的性能。压缩是将各种不同的代码进行优化以减少请求资源文件的体积。压缩的常见方法删除不必要的空格和注释并将变量名缩减为一个字符。
例如下面JavaScript函数
AddAltToImg function (imageTagAndImageID, imageContext) {///signature///summary Adds an alt tab to the image// /summary//param nameimgElement typeStringThe image selector./param//param nameContextForImage typeStringThe image context./param////signaturevar imageElement $(imageTagAndImageID, imageContext);imageElement.attr(alt, imageElement.attr(id).replace(/ID/, ));}
压缩后函数简化为如下
AddAltToImgfunction(t,a){var r$(t,a);r.attr(alt,r.attr(id).replace(/ID/,))};
除了删除注释和不必要的空格之外参数和变量名称被重命名缩写如下
原始名称重命名后imageTagAndImageIDtimageContextaimageElementr
此示例来自于github:https://github.com/aspnet/Docs/blob/master/aspnetcore/client-side/bundling-and-minification.md
bundleconfig.json文件
MVC项目模板提供了一个bundleconfig.json配置文件它定义了打包的配置选项。默认情况下实现了自定义脚本文件(wwwroot/js/site.js) 和样式表 (wwwroot/css/site.css) 文件的配置。
[ {outputFileName: wwwroot/css/site.min.css,inputFiles: [ wwwroot/css/site.css] },{outputFileName: wwwroot/js/site.min.js,inputFiles: [ wwwroot/js/site.js],minify: {enabled: true,renameLocals: true},sourceMap: false}]
配置选项详细说明
outputFileName - 要输出打包包文件的路径。 与bundleconfig.json 文件的相对路径。 必填inputFiles - 要打包的的文件路径数组。 与是配置文件的相对路径。 选填如果是空数组会输出一个空文件。 支持通配符模式。minify - 输入出类型的压缩选项。 选填默认值 -minify: { enabled: true }输入出文件类型可用配置选项。CSS MinifierJavaScript MinifierHTML Minifier includeInProject - 将生成的文件添加到项目。 选填 默认值 - falsesourceMaps - 生成合并文件的源文件映射。 选填默认值 - false
在项目中使用打包和压缩
在VS 2015/2017需要安装BundlerMinifierVsix安装完成后需要重启VS。
在bundleconfig.json文件右键单击然后选择任务运行程序资源管理器。 在Update all fiels选项右键单击然后选择Run。 在项目中会分别生成压缩后的资源文件。 在视图中使用打包压缩后的资源文件
在上一篇博客《ASP.NET Core配置环境变量和启动设置》我们已经讨论过环境变量在视图中通过 Environment 标签分别定义开发、预演和生产环境加载对应的资源文件。 environment namesDevelopmentlink relstylesheet href~/css/site.css /script src~/js/site.js asp-append-versiontrue/script/environmentenvironment namesStaging,Productionlink relstylesheet href~/css/site.min.css asp-append-versiontrue /script src~/js/site.min.js asp-append-versiontrue/script/environment
当在开发模式下运行应用程序我们使用未压缩Css和脚本文件在生产环境中我们压缩后的资源文件这样可以提高应用程序的性能。
总结
在ASP.Net中可以使用打包与压缩这两种技术来提高Web应用程序页面加载的性能。希望上面的内容对大家的学习有所帮助谢谢
感谢无语1994提供的另一个解决方案通过安装BundlerMinifier Nuget包也可以达到合并与压缩的目的。原文地址《10,关于在vs2017中的netcore项目使用BundlerMinifier 配置问题》。参考:
https://github.com/aspnet/Docs/blob/master/aspnetcore/client-side/bundling-and-minification.mdhttps://www.codeproject.com/Articles/1158377/NET-Core-Startup
第一次使用Markdown写博客还不是很习惯排版不够整齐请大家见谅谢谢
原文地址http://www.cnblogs.com/tdfblog/p/bundling-and-minification-in-asp-net-core.html .NET社区新闻深度好文微信中搜索dotNET跨平台或扫描二维码关注
