如何在.net核心mvc视图中缩小?

如何在.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

在我用.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.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包缩小它。我想显示来自活动站点页面源部分的视图,如图所示。谢谢,我得到了问题的完整答案。