如何在遠程使用 Visual Studio Code 渲染 Sass/scss？

Question

我正在尋找一個工具，一個將scss和sass文件編譯/渲染到服務器上的css的擴展。

我知道有Live Sass Compiler 。 但它只能在本地編譯。 有時我需要在遠程/服務器上工作。 我正在使用ftp-simple 擴展來處理遠程文件。 但我無法編譯 scss 文件。

有什么解決辦法嗎？

謝謝

Answer 1

if you are using node-sass then you just add "compile:sass": "node-sass src/assets/sass/main.scss src/assets/css/style.css -w", in your package.json file,像這樣。

對於自動編譯/渲染使用-w ，這意味着無論何時編寫代碼，vs 代碼都會監視您的 sass 代碼。

"scripts": {
    "compile:sass": "node-sass src/assets/sass/main.scss src/assets/css/style.css -w",
    "start": "react-scripts start",
  },

或者，如果您以其他方式進行操作，請檢查此鏈接sass compile in vs code 。