如何在.net核心mvc视图中缩小?
在我用.net核心mvc制作的网站上。当我们打开站点并单击页面源代码视图时,我们如何以minify的形式执行第二张图片中所示的长代码 将Web标记添加到ASP.NET核心应用程序如何在.net核心mvc视图中缩小?,.net,asp.net-core,asp.net-core-mvc,minify,bundling-and-minification,.net,Asp.net Core,Asp.net Core Mvc,Minify,Bundling And Minification,在我用.net核心mvc制作的网站上。当我们打开站点并单击页面源代码视图时,我们如何以minify的形式执行第二张图片中所示的长代码 将Web标记添加到ASP.NET核心应用程序 WebMarkupMin是一个非常成熟的迷你程序,不仅适用于HTML,还适用于XML和XHTML,以及嵌入HTML中的脚本和样式标记。它们提供多个NuGet软件包,用于连接ASP.NET应用程序,包括使用MVC、HttpModules、WebForms和ASP.NET Core的ASP.NET 4.x应用程序 第1
WebMarkupMin
是一个非常成熟的迷你程序,不仅适用于HTML,还适用于XML和XHTML,以及嵌入HTML中的脚本和样式标记。它们提供多个NuGet软件包,用于连接ASP.NET应用程序,包括使用MVC、HttpModules、WebForms和ASP.NET Core的ASP.NET 4.x应用程序
第1步。安装程序包WebMarkupMin.AspNetCoreX
我的项目是ASP.NET Core 5,因此我选择安装WebMarkupMin.aspnetcore 5
第2步。在应用程序的启动中注册。配置
方法
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
...
app.UseStaticFiles();
app.UseWebMarkupMin();
app.UseRouting();
...
}
第3步。向IoC容器注册服务
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
services.AddWebMarkupMin(
options =>
{
options.AllowMinificationInDevelopmentEnvironment = true;
options.AllowCompressionInDevelopmentEnvironment = true;
})
.AddHtmlMinification(
options =>
{
options.MinificationSettings.RemoveRedundantAttributes = true;
options.MinificationSettings.RemoveHttpProtocolFromAttributes = true;
options.MinificationSettings.RemoveHttpsProtocolFromAttributes = true;
})
.AddHttpCompression();
}
测试结果
之前:
之后:
配置捆绑和缩小
MVC和Razor Pages项目模板为捆绑和缩小JSON配置文件提供了解决方案。当您的开发工作流程需要处理绑定和缩小之外的内容(例如,起毛和图像优化)时,第三方工具非常适合。通过使用设计时绑定和缩小,缩小的文件在应用程序部署之前创建。部署前的捆绑和缩小提供了降低服务器负载的优势。您可以在此查看详细信息。这是否回答了您的问题?我不使用node.js。这里的解决方案提供node.js。另外,我用css和js包缩小它。我想显示来自活动站点页面源部分的视图,如图所示。谢谢,我得到了问题的完整答案。