原文地址：https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler
一個Visual Studio擴充套件，用於編譯LESS，Sass，JSX，ES6和CoffeeScript檔案。
請參閱更改日誌以瞭解更改和路線圖。
特徵
- 編輯LESS，Scss，Stylus，JSX，ES6和（Iced）CoffeeScript檔案
- 儲存原始檔會自動觸發重新編譯
- 為每個單獨的檔案指定編譯器選項
- 錯誤列表整合
- MSBuild支援CI方案
- 縮小編譯輸出
- 每種語言的縮小選項都是可自定義的
- 開啟生成的檔案時顯示水印
- 編譯解決方案中所有指定檔案的快捷方式
- Task Runner Explorer整合
- 命令列介面
- 與Web Analyzer整合
入門
右鍵單擊，然後 .less， .scss， .styl， .jsx， .es6 或 .coffee 在Solution Explorer檔案來設定編譯。
呼叫的檔案 compilerconfig.json 在專案的根目錄中建立。這個檔案讓你修改編譯器的行為。
右鍵單擊該 compilerconfig.json 檔案，您可以輕鬆執行所有已配置的編譯器。
編譯儲存
任何時候 .less， .scss， .styl， .jsx， .es6 或 .coffee 檔案是在Visual Studio中改性，編譯器自動執行到產生編譯後的輸出檔案。
儲存compilerconfig.json 要編譯所有已配置檔案的檔案時也是如此 。
編譯構建/ CI支援
在ASP.NET MVC和WebForms專案中，您可以在編譯步驟中啟用編譯。只需右鍵單擊該compilerconfig.json 檔案即可啟用它。
單擊該選單項將提示您有關單擊“確定”按鈕時將發生的情況的資訊。
NuGet包將安裝到該 packages 資料夾中，而不會向專案本身新增任何檔案。NuGet包中包含一個MSBuild任務，該任務將compilerconfig.json 在專案根目錄中的檔案上執行完全相同的編譯器 。
編譯所有
您可以compilerconfig.json 使用鍵盤快捷鍵Shift+Alt+Y 或使用頂級“生成”選單上的按鈕對解決方案中的所有檔案 執行編譯器 。
任務執行資源管理器
快速瀏覽您指定的檔案或直接在Task Runner Explorer中執行編譯。
您甚至可以設定繫結，以便在某些Visual Studio事件（例如BeforeBuild 和 Project Open）期間自動進行編譯。
錯誤列表
發生編譯器錯誤時，Visual Studio中的錯誤列表將在原始檔中顯示錯誤及其確切位置。
來源地圖
.scss 目前僅支援源對映 檔案，但計劃是為所有語言提供源對映支援。Web Compiler與它的前身Web Essentials的不同之處在於，它在生成的.css檔案中內聯base64編碼的對映版本，而不是生成單獨的.map檔案。
compilerconfig.json
擴充套件compilerconfig.json 在專案的根目錄新增一個 檔案，用於配置所有編譯。
以下是該檔案的示例：
[ { "outputFile": "output/site.css", "inputFile": "input/site.less", "minify": { "enabled": true }, "includeInProject": true, "options":{ "sourceMap": false } }, { "outputFile": "output/scss.css", "inputFile": "input/scss.scss", "minify": { "enabled": true }, "includeInProject": true, "options":{ "sourceMap": true } }]
compilerconfig.json 可以compilerconfig.json.defaults 在同一位置的檔案中找到 預設值 。