在 Visual Studio 的構建定義中包含 SASS 編譯器？ （並避免在使用 TFS 時合並 CSS 文件）

Question

我們計划很快在我們的 SharePoint 項目中使用 SASS 而不是純 CSS。 在測試和嘗試設置一切時，我遇到了一些問題：

我們正在使用Visual Studio 2015 ，在我的開發人員機器上，我安裝了Web Compiler Extension以將 .scss 文件和部分文件編譯為常規的 .css 文件。

這工作得很好，但問題是，會有幾個開發人員同時在樣式上工作。 我想避免每次有人嘗試將某些內容簽入源代碼管理時合並生成的 css 文件（我們正在使用Team Foundation Server ）。

由於每次有人檢查他們的更改時都會運行一個構建，並將生成的解決方案部署到每晚構建機器上，所以想法是以某種方式在構建定義中包含 SASS 編譯器。 這樣，更具可讀性的 scss 文件會被合並，並且構建會創建生成的 css 文件以將其包含在解決方案中。 也許我想得太復雜了，但到目前為止我無法讓它發揮作用。

有什么想法可以實現嗎？ （也許我還應該提一下，所有開發機器都沒有任何互聯網連接）

Answer 1

如果您正在構建 MVC 應用程序，則可以將 MVC 的捆綁功能與SASS NuGet 包一起使用。 並且，一定要啟用縮小。 有一個UseNativeMinification物業SassAndScssSettings 。 這樣，當您獲得最新版本或簽入時，您無需處理合並 css 文件。參考此線程： SASS/TFS 最佳實踐

另一種方法是在服務器上運行一個腳本（例如使用 PowerShell 任務）來安裝 gulp 組件，然后調用 sass 編譯任務來編譯 SASS。 有關詳細信息，請參閱Powershell 構建 - 編譯 SASS 。