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

Question

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

所有我的css和js文件都被包（BundleConfig类+ @Styles，{cshtml页面中的@Scripts）引用。

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

那么，我将如何在捆绑中引用此文件？最重要的是，可以捆绑（或其他）在.css中自动转换。或者我需要手动执行吗？

Answer 1

您可以考虑使用Mads Kristensen的Web Compiler视觉工作室扩展程序。这适用于您的本地开发设置（VS）和MS版本！

所以基本上你会使用这个扩展来从你的.LESS文件生成css文件。捆绑它时，可以使用这些生成的css文件。

安装扩展程序后，您可以右键单击less文件，选择Web Compiler =＆gt;编译文件。

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

因此，对于evey LESS文件，它会在compileconfig文件JSON文件中添加一个条目。

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

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

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