如何在Visual Studio 2017中編譯less/sass文件

在VS < = 2015中，我們可以使用WebEssentials擴展來爲我們編譯less/sass文件，但目前它不支持VS 2017.您是否知道類似的擴展，可以編譯更少/ sass構建？如何在Visual Studio 2017中編譯less/sass文件

來源

2017-03-10 Mihail Shishkov

WebEssentials正在拆分爲多個擴展。我相信你想要的功能現在是Web Compiler擴展。

如果你想不做擴展，你可以使用像Gulp這樣的任務運行器。有關如何將Gulp任務集成到VS中的演練，請參見here。

來源

2017-03-10 19:19:19 Jimmy

現在還有一個不太具體的編譯器。 https://github.com/madskristensen/LessCompiler

來源

2017-03-16 18:07:35 Justin

我下載並安裝了擴展程序。然後，我打開了我的Site.less文件，我可以看到水印在哪裏以便編譯。然後，我在我的網站上進行構建，並以調試模式打開它。當我打開我Site.css，這是在Site.less下，它有生成watermak它。然後我嘗試搜索新添加的屬性，但它不在那裏，我沒有收到我的CSS。關於如何讓它建立我的LESS的任何想法？ – Caverman

對於那些像我一樣，誰也不知道咕嘟咕嘟或步兵或尖叫或哀號，不希望，你可以得到的Visual Studio 2017年將自動編譯SCSS文件，就像它曾經在Visual Studio 2015中。下面的步驟適用於我。

首先卸載Web編譯器的舊擴展/ Nuget包（我不知道這是否有必要）。

轉到VSIX gallery download page並選擇下載Web編譯器。

注意，我這樣做首先通過選擇工具/擴展和更新在Visual Studio。雖然這似乎工作，但我發現當我對它們進行更改時（I wasn't the only one），我的部分SCSS文件未被自動編譯爲CSS。

您現在應該能夠在你的主SCSS文件，單擊鼠標右鍵，然後選擇下方所示的選項，它應該在你的項目的根目錄自動創建一個名爲compilerconfig.json文件（這一步可能是不必要的，如果你已經有此文件）：

從這點上來說，一切似乎工作確定。唷！感謝Mads Kristensen的這種擴展方式 - 任何事情都可以避免學習新的東西...

來源

2018-02-08 12:48:43

這與接受的答案有何不同？ :) –

我不明白這個評論！不知道接受的答案是什麼，但是沒有一個與我給出的答案完全相同。 –

接受的答案是帶有綠色勾號的答案。目前它有最多的讚譽，並且它建議使用相同的Web編譯器擴展。無論如何，我喜歡你的答案，因爲圖片。 –

我以前的答案爲我工作了幾個月，但現在不再有效。當我嘗試編譯時，在錯誤窗口中收到關於CompilerConfig模式問題的消息，但無法解決此問題（Google搜索和安裝/卸載均無幫助）。

所以一個替代的答案是使用CompileSASS，這是一個簡單得多的插件，帶有（很少）在線文檔，但其工作得很好。唯一的缺點我能看到的是：

的CSS生成是在同一個文件夾中SCSS，所以我不得不搬到了一下週圍的東西在我的網站，以適應這一點;和
產生的CSS只是我所看到的

一旦你安裝加載項（我使用VS 2017），你可以進入工具精縮，儘量>選項來改變設置：

在這裏我們希望現在我可以繼續工作！感謝所有插件作者，順便說一句 - 不要吝嗇。

來源

2018-03-06 10:11:26

如何在Visual Studio 2017中編譯less/sass文件

回答

相關問題