ASP.NET MVC C# Razor Minification
本文关键字:Razor Minification MVC NET ASP | 更新日期: 2023-09-27 18:08:06
有人知道如何从Razor引擎输出最小化的HTML和JavaScript,同时保持自定义编码风格吗?
例如:我想要以下代码:
<div
@if (Model.Name != string.Empty)
@:id="@Model.Name"
>
</div>
输出为<div id="DivId"></div>
查看http://arranmaclean.wordpress.com/2010/08/10/minify-html-with-net-mvc-actionfilter/。这里有一个创建自定义动作过滤器的例子,可以从WhiteSpaces
中清除html。更新:从上面引用的源代码。
删除"空格"的流类
using System;
using System.IO;
using System.Text;
using System.Web.Mvc;
using System.Text.RegularExpressions;
namespace RemoveWhiteSpace.ActionFilters
{
public class WhiteSpaceFilter : Stream
{
private Stream _shrink;
private Func<string, string> _filter;
public WhiteSpaceFilter(Stream shrink, Func<string, string> filter)
{
_shrink = shrink;
_filter = filter;
}
public override bool CanRead { get { return true; } }
public override bool CanSeek { get { return true; } }
public override bool CanWrite { get { return true; } }
public override void Flush() { _shrink.Flush(); }
public override long Length { get { return 0; } }
public override long Position { get; set; }
public override int Read(byte[] buffer, int offset, int count)
{
return _shrink.Read(buffer, offset, count);
}
public override long Seek(long offset, SeekOrigin origin)
{
return _shrink.Seek(offset, origin);
}
public override void SetLength(long value)
{
_shrink.SetLength(value);
}
public override void Close()
{
_shrink.Close();
}
public override void Write(byte[] buffer, int offset, int count)
{
// capture the data and convert to string
byte[] data = new byte[count];
Buffer.BlockCopy(buffer, offset, data, 0, count);
string s = Encoding.Default.GetString(buffer);
// filter the string
s = _filter(s);
// write the data to stream
byte[] outdata = Encoding.Default.GetBytes(s);
_shrink.Write(outdata, 0, outdata.GetLength(0));
}
}
}
ActionFilter
类:
public class WhitespaceFilterAttribute : ActionFilterAttribute
{
public override void OnActionExecuting(ActionExecutingContext filterContext)
{
var request = filterContext.HttpContext.Request;
var response = filterContext.HttpContext.Response;
response.Filter = new WhiteSpaceFilter(response.Filter, s =>
{
s = Regex.Replace(s, @"'s+", " ");
s = Regex.Replace(s, @"'s*'n's*", "'n");
s = Regex.Replace(s, @"'s*'>'s*'<'s*", "><");
s = Regex.Replace(s, @"<!--(.*?)-->", ""); //Remove comments
// single-line doctype must be preserved
var firstEndBracketPosition = s.IndexOf(">");
if (firstEndBracketPosition >= 0)
{
s = s.Remove(firstEndBracketPosition, 1);
s = s.Insert(firstEndBracketPosition, ">");
}
return s;
});
}
}
和上面的用法:
[HandleError]
[WhitespaceFilter]
public class HomeController : Controller
{
...
}
也许你正在寻找Meleze。Web
Meleze。Web是一个优化ASP的工具箱。. NET MVC 3.0和MVC 4.0应用程序
它提供了HTML, JS和CSS的Razor视图的缩小和缓存返回的页面。
Darin Dimitrov写在这里:ASP。Net MVC Razor Views -在构建时最小化HTML
但我认为启用gzip
是更好的解决方案,你可以在这里读到它:从ASP减少HTML输出。. MVC应用程序
我不认为有任何方法可以做到这一点。为了避免标签混乱,我通常更喜欢编写自定义帮助器:
@using(Html.MyDiv(Model.Name))
{
... put the contents of the div here
}
下面是自定义帮助器的样子:
public static class HtmlExtensions
{
private class Div : IDisposable
{
private readonly ViewContext context;
private bool disposed;
public Div(ViewContext context)
{
this.context = context;
}
public void Dispose()
{
this.Dispose(true);
GC.SuppressFinalize(this);
}
protected virtual void Dispose(bool disposing)
{
if (!this.disposed)
{
this.disposed = true;
context.Writer.Write("</div>");
}
}
}
public static IDisposable MyDiv(this HtmlHelper html, string id)
{
var div = new TagBuilder("div");
if (!string.IsNullOrEmpty(id))
{
div.GenerateId(id);
}
html.ViewContext.Writer.Write(div.ToString(TagRenderMode.StartTag));
return new Div(html.ViewContext);
}
}
或者你也可以做一个标签汤:
<div@Html.Raw(Model.Name != string.Empty ? string.Format(" id='"{0}'"", Html.AttributeEncode(Model.Name)) : string.Empty)>
</div>
对于对此感兴趣的人,我构建了一个简单的HTML缩小库,可以与MVC 5一起使用:
https://github.com/tompazourek/RazorHtmlMinifier.Mvc5它在编译时而不是运行时操作,所以它不会增加任何性能开销。缩小非常简单(只是用一个空格替换很多空格)。
即使在缩小的HTML之上启用GZIP,它仍然可以减少有效负载大小。