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

Question

我在Visual Studio 2015中使用Asp.Net MVC 5进行了一个项目.

所有我的css和js文件都由bundle(BundleConfigclass + @Styles,@Scripts在cshtml页面中)引用.

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

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

Answer 1

您可以考虑使用Mads Kristensen的Web Compiler visual studio扩展.这适用于您的本地开发设置(VS)和MS版本!

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

安装扩展后,可以右键单击less文件,选择Web Compiler => Compile file.

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

因此,对于evey LESS文件,您将执行此操作,它将向compilerconfig文件JSON文件添加一个条目.

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

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

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