• ASP.NET Core 资源打包与压缩


    目的:

    将多个资源文件(css、js)捆绑在一个文件中

    压缩文件,去除空格换行,减小文件体积

    步骤:

    1、在NuGet下载 BuildBundlerMinifier 包

    2、在项目根目录创建配置文件,如下:

    [
      {
        "outputFileName": "wwwroot/js/info.min.js", /*输出的文件地址,注意:如果要压缩文件,文件名格式必须是*.min.js*/
        "inputFiles": [ /*需要合并的文件列表,可以使用通配符*/
          "wwwroot/js/site.js",
          "wwwroot/js/site2.js"
        ],
        "minify": {
          "enabled": true
        }
      }
    ]

    3、页面添加文件引用:

    <script src="~/js/info.min.js"></script>

    4、重新生成项目,注意必须要重新生成,不能生成项目。

     5、在页面中引用js

        <environment include="Development">
            <script src="~/js/checkout/checkout-base.js?d=@CONST.TIME_STAMP"></script>
            <script src="~/js/checkout/address-part.js?d=@CONST.TIME_STAMP"></script>
            <script src="~/js/checkout/info.js?d=@CONST.TIME_STAMP"></script>
        </environment>
        <environment exclude="Development">
            <script src="~/js/checkout/min/info.min.js?d=@CONST.TIME_STAMP"></script>
        </environment>
    <environment>标签用于按特定的环境变量显示对应的元素

    配置选项详细说明:

    • outputFileName 要输出打包包文件的路径。与bundleconfig.json文件的相对路径。必填
    • inputFiles 要打包的文件路径数组。
    • minify 输入出类型的压缩选项。选填,默认值 minify:{enabled:true}
    • includeInProject 将生成的文件添加到项目。选填,默认值-false
    • sourceMaps 生成合并文件的源文件映射。选填,默认值 -false
  • 相关阅读:
    一种安全云存储方案设计(上)——基于二次加密的存储策略与加密图文混合检索
    lamda表达式导致运行时VerifyError
    编译原理:语法分析概述
    语音识别与 RNN-Transducer 概述
    通信原理基本概念
    追光捉影的自动机:2021 卓工实训小作文
    【实战】jsfinder+jsinfo-scan结合改造
    js基础记录
    qq、微信二次分享
    收藏链接
  • 原文地址:https://www.cnblogs.com/fanfan-90/p/13054346.html
Copyright © 2020-2023  润新知