使用 Web Compiler 2022+
Web Compiler for Visual Studio 2019 的新版本。
使用
在 .less、.scss、.styl、.jsx、.es6 或者 .coffee 文件上右鍵,
將會在項目根目錄下創建一個名為 compilerconfig.json
的文件,該文件可以支持你設置該編譯器的行為。
在 compilerconfig.json
上右鍵,你就可以簡單地運行配置好的編譯任務。
保存時自動編譯
在 Visual Stuido 中對 .less、.scss、.styl、.jsx、.es6 或者 .coffee 文件的修改,本編譯器會自動生成編譯后的輸出文件。
對於 compilerconfig.json
也同樣,在保存它的時候,所有已經配置的文件也將被編譯。
對於 build/CI 中編譯的支持
對於 ASP.NET MVC 或者 WebForm 項目,可以將該編譯配置為構建的一個步驟。在 compilerconfig.json
上右鍵,啟用即可。
在點擊該菜單項目之后,會有一個你確認后行為的提示框。
會有一個 NuGet 包安裝到 packages
文件夾中,但不會在項目中增加任何文件。該 NuGet 包包含了一個 MSBuild 任務,功能與在項目根目錄下使用 compilerconfig.json
一樣。
全部編譯
可以使用快捷鍵 Shift+Alt+Y
或者使用 Build 菜單中的 Re-compile all files in solution
完成。
Task Runner Explorer
可以在任務管理器中查看或者直接執行任務
甚至還可以設置綁定
錯誤列表
錯誤發生的時候,Visual Studio 會顯示錯誤提示。