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

我在Visual Studio 2015年项目，Asp.Net MVC 5.Asp.net MVC Bundle可以在CSS中转换LESS吗？

我所有的CSS和JS文件被捆绑（BundleConfig类+ @Styles，在CSHTML页@Scripts）引用。

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

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

来源

2016-10-11 Jonny Piazzi

您是否看到[Web Compiler]（https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c）？ – Shyju

@Shyju，Web编译器很棒。完美的作品。你能在答案中做出这个评论，所以我可以做出正确的答案。 –

@JonnyPiazzi完成 – Shyju

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

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

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

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

所以为你做这个埃维LESS文件，它会加重compilerconfig文件JSON文件中的条目。

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

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

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

来源

2016-10-11 14:32:43 Shyju

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

回答

相关问题