css - 如何更新 Site.less/site.css 和 bundle/minify 以使用 BuildBundlerMinifier 生成输出

Question

我有几个关于我的 ASP.NET MVC CORE 2.2 元素的问题。 主要目标非常简单，我想更新我的样式表然后部署这个结果。我有一个 Site.less、site.css、site.min.css、site.min.css.gz，我想用 css 类样式更新，一个 bundleconfig.json 和我的输入 css，要捆绑的 javascript 文件和将 Site.less 作为输入，将 site.css 作为输出的 compilerconfig.json。我还在我的元素 (NuGet) 上安装了 BuildBundlerMinifier。

问题:

1- 添加一些新样式时我应该更新什么文件:Site.less、site.css 或两者？ 2- 在我发布我的应用程序之前缩小和捆绑的步骤是什么？

bundleconfig.json:

[
  {
    "outputFileName": "wwwroot/css/bundle.min.css",
    // An array of relative input file paths. Globbing patterns supported
    "inputFiles": [
      (...)
      "wwwroot/css/Site.min.css"
    ]
  },
  (...)
    // Optionally specify minification options
    "minify": {
      "enabled": true,
      "renameLocals": true
    },
    // Optionally generate .map file
    "sourceMap": false
  }
]

编译器配置.json

[
  {
    "inputFile": "wwwroot/css/Site.less",
    "outputFile": "wwwroot/css/site.css"
  }
]

当我在输出窗口 (Visual Studio 2017) 中重建我的元素时，我收到以下消息。

Cleaning output from bundleconfig.json, Done cleaning output file from bundleconfig.json, Begin processing bundleconfig.json, Minified wwwroot/css/bundle.min.css, Done processing bundleconfig.json

谢谢。

Answer 1

我的第一个问题得到了回答。

我在 Visual Studio 2017 中安装了一个名为 Web Compiler 的扩展(工具 -> 扩展和更新) .当我在我的 less 文件中进行更新时，css 文件和 min.css 是自动生成的(min.css.gz 不是，也不知道为什么)。代码自动生成的文件是用 Generated 关键字标记的。

要生成自动生成的文件，您只需重建元素。

这适用于其他文件，但在我的例子中，我只使用这个文件。

编辑

我的第二个问题也得到了回答。

我安装了另一个扩展:Bundler & Minifier

要生成包，您需要拥有我在第一篇文章中发布的那些配置 json 文件，然后打开 Task Runner Explorer 并双击 wwwroot/css/bundle.min.css(在 StyleSheets 菜单内)，包文件将自动生成。