如何在.Net核心MVC视图中缩小?

How to minify in .net core mvc view?(如何在.Net核心MVC视图中缩小?)

本文介绍了如何在.Net核心MVC视图中缩小?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在我用.Net core MVC制作的网站上。当我们打开站点并单击页面源代码视图时,如何处理第二张图片中以minify形式显示的长代码?

推荐答案

将最小Web标记添加到ASP.NET核心应用程序

WebMarkupMin是一个非常成熟的缩略器,不仅适用于HTML,还适用于XML和XHTML,以及嵌入到您的HTML中的脚本和样式标记。它们提供了多个用于连接ASP.NET应用程序的NuGet包,这两个包都适用于使用MVC、HttpModules、WebForms和ASP.NET Core的ASP.NET 4.x。

步骤1.安装WebMarkupMin.AspNetCoreX包

我的项目是ASP.NET Core 5,所以我选择安装WebMarkupMin.AspNetCore5

第二步.在应用程序的Startup.Configure方法中注册

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        ...
        app.UseStaticFiles();

        app.UseWebMarkupMin();

        app.UseRouting();
        ...
    }

第三步.将服务注册到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配置文件组成的捆绑和缩小解决方案。当您的开发工作流程需要进行捆绑和缩小以外的处理时,第三方工具是非常合适的--例如植绒和图像优化。通过使用设计时捆绑和缩小,缩小的文件在应用程序部署之前创建。在部署之前进行捆绑和缩减可降低服务器负载。您可以从official document此处查看详细信息。

这篇关于如何在.Net核心MVC视图中缩小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如何在.Net核心MVC视图中缩小?

基础教程推荐