Asp.net Core 打包压缩

下载Asp.net Core 资源打包压缩工具Bundler & Minifier 安装，重启VS2017

bundleconfig.json文件

Asp.net Core项目模板提供了一个bundleconfig.json配置文件，它定义了打包的配置选项。默认情况下，实现了自定义脚本文件和样式表 文件的配置。

// Configure bundling and minification for the project.
// More info at https://go.microsoft.com/fwlink/?LinkId=808241
[
  {
    //要输出打包包文件的路径
    "outputFileName": "wwwroot/css/site.min.css",
    // An array of relative input file paths. Globbing patterns supported
    //要打包的的文件路径数组。 与是配置文件的相对路径。 选填，如果是空数组会输出一个空文件。 支持通配符模式
    "inputFiles": [
      "wwwroot/css/site.css",
      "wwwroot/css/table.css"
    ]
  },
  {
    "outputFileName": "wwwroot/js/site.min.js",
    "inputFiles": [
      "wwwroot/js/site.js"
    ],
    // Optionally specify minification options
    //输入出类型的压缩选项。 选填，默认值 -minify: { enabled: true }
    "minify": {
      "enabled": true,
      "renameLocals": true
    },
    // Optionally generate .map file
    "sourceMap": false
  }
]

在项目中打包及压缩

image.png
image.png

备注

一般在项目开发中不使用打包压缩后的文件，这样不利于调试。Asp.net Core 提供了 Environment 标签，分别定义开发、和生产环境中加载对应的资源文件。

 <environment names="Development">
        <link href="~/css/layui.css" rel="stylesheet" />
        <script src="~/layui/layui.js" asp-append-version="true"></script>
    </environment>
    <environment names="Staging,Production">
        <link href="~/css/layui.css" rel="stylesheet" asp-append-version="true" />
        <script src="~/layui/layui.js" asp-append-version="true"></script>
    </environment>

asp-append-version="true"特性使页面每次加载时检查脚本或者样式文件的sha值，文件一旦被修改，sha值就会变化。文件就会重新加载，避免了文件的缓存问题。好比每次修改后文件的版本号就会变化，体现在页面上也是如此

image.png