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

2023-12-20

在我用.net core mvc制作的网站上。当我们打开网站并点击页面源代码视图时,如何将第二张图所示的长代码以缩小的形式进行处理?


将 Web Markup Min 添加到 ASP.NET Core 应用程序

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.AspNetCore5.

步骤 2. 在您的应用程序中注册Startup.Configure method

    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();
    }

测试结果

Before:

After:



配置捆绑和缩小

MVC 和 Razor Pages 项目模板提供了包含 JSON 配置文件的捆绑和缩小解决方案。当您的开发工作流程需要捆绑和缩小之外的处理(例如 linting 和图像优化)时,第三方工具非常适合。通过使用设计时捆绑和缩小,缩小的文件是在应用程序部署之前创建的。在部署之前进行捆绑和缩小可以减少服务器负载。您可以从以下位置查看详细信息 here.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在.net core mvc视图中缩小? 的相关文章

随机推荐

  • 卡片视图未显示

    我正在通过 android 中的回收器视图实现卡片视图 但我的卡片视图没有显示 我正在使用自定义适配器将数据填充到卡片视图 我已经尝试了所有方法 但卡片视图没有显示 MainActivity java public class MainAc
  • 如何从 pandas 中的字符串中提取前 8 个字符

    我在数据框中有一列 我正在尝试从字符串中提取 8 位数字 我该怎么做 Input Shipment ID 20180504 S 20000 20180514 S 20537 20180514 S 20541 20180514 S 20644
  • 限制拖放面板中的最大元素数

    我的网站上有一个可排序面板 jQuery UI 但需要将每列中的元素数量限制为最多 12 个 我尝试了一些方法 但似乎无法让它发挥作用 我需要看看 i 是否为 12 或更大 如果是 请不要更新 但我似乎做不到 有人有任何建议或可以推动我正确
  • 如何从脚本的纯色图像获取十六进制颜色代码?

    我正在编写一个脚本 将 Linux 机器上的背景更改为一组仅包含纯色的图像中的随机图像 我想做的是扩展此脚本以相应地主题某些应用程序 主要是终端应用程序 至少更改文本颜色 可能从深色背景切换到浅色背景等 我想知道我必须有哪些选项获取图像中颜
  • 谷歌天气 API 链接需要人工身份验证

    我使用开发了一个天气应用程序谷歌天气 http www google com ig api weather lincoln应用程序编程接口 但从今天起它停止工作了 当我尝试通过浏览器使用位置访问天气 API 时 它要求进行人工身份验证 当我
  • 当按钮大小改变时增加按钮字体大小

    我有一个 Qt 应用程序 其主窗口有五个按垂直顺序排列的按钮 它们都有相同的尺寸 我想做的就是当应用程序全屏显示时增加按钮标签的字体大小 我真的很感激一个不需要太多代码的解决方案 希望这是可以在 Qt Designer 中完成的事情 但我找
  • 将日期和时间转换为 Unix 时间戳

    我像这样显示日期和时间 2009 年 11 月 24 日 17 57 35 我想将它转换为 unix 时间戳 这样我就可以轻松地操作它 我需要使用正则表达式来匹配字符串的每个部分 然后从中计算出 unix 时间戳 我对正则表达式很糟糕 但我
  • 使用 Java 读取 HTML+JavaScript

    我可以通过http读取HTML内容 例如 http www foo com http www foo com 使用 Java 使用 URL 和 BufferedReader 类 然而 其中一些包含 JavaScript 我当前的应用程序无法
  • HTML5 拖放行为

    我广泛使用了 HTML5 原生拖放功能 它几乎完全可以正常运行 只有一个小例外 当任何东西被拖过页面时 我试图突出显示我的拖放区 我最初尝试通过将 jQuery 侦听器放在文档正文上来实现此目的 如下所示 body live dragove
  • 使用 python-can 时出现 AttributeError (模块“can”没有属性“interface”)

    运行以下代码时出现错误 import can importing CAN module import time bus1 can interface Bus bustype vector channel 0 bitrate 500000 a
  • 将字符串保存为html文件android

    我的问题很简单 如何将字符串 HTML 保存为内部存储中的 html 文件 请让我知道如何执行此操作 可以说我有的字符串是 string html This is random text 试试这个 private void saveHtml
  • 检查 GPS 经纬度点是否位于 Google 地图中的道路上

    我正在 Android 中开发一个导航应用程序 我想在用户越野时提示他 那么 如果我有 GPS 纬度 经度点 是否可以确定该点是否位于道路上 是否有 API 支持此类检查 一般而言 这是在所有道路上完成的 而不是在具有指定路径 折线的情况下
  • 应用内购买“准备提交”,但不允许我提交

    我有一些应用程序内购买设置 应用内购买都经过测试 并且运行良好 但我无法提交它们进行审核 我提交了应用程序二进制文件以供审核 然后访问了应用内购买部分 所有应用内购买均显示 准备提交 但 提交审核 按钮呈灰色且不可点击 当苹果审查实际应用程
  • 是否有 JNDI 命名空间约定?

    我已经下载了 JBoss EAP 6 1 我将添加一个新的数据源 我必须将数据源绑定到 JNDI 名称 通过读取示例数据源的 JNDI 名称 它是 java jboss datasources ExampleDS 我看到他们用过dataso
  • PHP 执行时间导致响应延迟[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我故意在我的服务器上运行一个持续长达 60 秒的 php 脚本 每次运行之间都有延迟 问题是 在脚本执行期间发送到服务器的任何其他请求都会
  • CMake:如何在 CMakeLists.txt 中使用 bash 命令

    我想知道如何在 CMakeLists txt 中使用 bash 命令 我想要的是使用以下命令检索处理器的数量 export variable getconf NPROCESSORS ONLN 并使用类似以下内容将 NB PROCESSOR
  • 具有相同对象名称的两个命名空间

    我有两个命名空间 System Numerics 和 UnityEngine 两者都有类型Vector3 所以现在当我想使用它时我必须在它之前声明哪个名称空间 像这样 protected struct CVN public Complex
  • Angular 6 自定义元素在 IE11 和 Firefox 上失败,出现语法和影子 dom 错误

    我创建了一个新的 angular cli 项目 其中使用自定义元素这些方向 https medium com tomsu building web components with angular elements 746cd2a38d5b
  • Java有using语句吗?

    Java有没有可以在hibernate中打开会话时使用的using语句 在 C 中 它类似于 using var session new Session 因此该对象超出范围并自动关闭 Java 7 推出自动资源块管理 http www in
  • 如何在.net core mvc视图中缩小?

    在我用 net core mvc制作的网站上 当我们打开网站并点击页面源代码视图时 如何将第二张图所示的长代码以缩小的形式进行处理 将 Web Markup Min 添加到 ASP NET Core 应用程序 WebMarkupMin是一个