Asp.net MVC Bundle 可以在 CSS 中转换 LESS 吗？答案

【问题标题】：Can Asp.net MVC Bundle transform LESS in CSS?Asp.net MVC Bundle 可以在 CSS 中转换 LESS 吗？
【发布时间】：2017-02-19 11:35:51
【问题描述】：

我在 Visual Studio 2015 中有一个使用 Asp.Net MVC 5 的项目。

我所有的 css 和 js 文件都被 bundle 引用（BundleConfig class + @Styles, @Scripts 在 cshtml 页面中）。

现在我正在考虑使用 .less 文件，而不是 css 文件。

那么，我将如何在 bundle 中引用这个文件？而且最重要的是，bundle（或其他东西）可以自动将.less转换成.css，还是我需要手动转换？

【问题讨论】：

你看到Web Compiler了吗？
@Shyju，Web 编译器很棒。完美运行。您能否在答案中发表此评论，以便我做出正确答案。
@JonnyPiazzi 完成

标签： c# css asp.net asp.net-mvc less

【解决方案1】：

您可以考虑使用 Mads Kristensen 的 Web Compiler Visual Studio 扩展。这适用于您的本地开发设置（VS）和 MS 构建！

所以基本上你将使用这个扩展从你的 .LESS 文件中生成 css 文件。打包时可以使用这些生成的 css 文件。

一旦你安装了扩展，你可以右击less文件，选择Web Compiler=> Compile file。

这将从 LESS 文件生成 css 文件。它还将添加一个名为compilerconfig.json 的文件，它更像是一个设置文件。您可以通过右键单击此文件来进行更多设置，例如在构建前/构建后启用重新编译。

因此，对于每一个 LESS 文件，您都会这样做，它会在编译器配置文件 JSON 文件中添加一个条目。

[
  {
    "outputFile": "Content/MasterStyles.css",
    "inputFile": "Content/MasterStyles.less"
  },
  {
    "outputFile": "Content/AdminStyles.css",
    "inputFile": "Content/AdminStyles.less"
  }
]

现在在您的 Bundle 配置中，您可以使用为捆绑生成的 2 个 css 文件。

该扩展还支持缩小文件。您可以通过更新设置 json 文件来启用/禁用。

【讨论】：

这是静态扩展，你不能在运行时使用它（对于动态应用，这只是解决方案的 50%）