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嗎？

回答

相關問題