如何用 html 代码的其余部分编译 sass 文件?

How to compile a sass file with the rest of the html code?

我正在使用 HTML 和 CSS 构建网站,我还必须使用 SCSS 文件,但是当我尝试更新页面时,S 中定义的元素CSS 文件未被读取。我想知道如何用程序的其余部分编译一个 sass 文件。 当我插入样式文件时,我将其放入 html:

<link rel="stylesheet" href="style.css">

有了SCSS我应该放什么?

您需要在终端中 运行 sass --watch example.scss style.css SCSS 文件所在的同一文件夹。它会将您的 SCSS 代码编译成 CSS.

安装 SASS

  • Windows:npm install -g sass 在您的 VS-Code 终端或 choco install sass

  • macOS 或 Linux: brew install sass/sass/sass

然后尝试sass .\folder\example.scss .\folder\example.css编译您的 SCSS 文件。

或尝试sass --watch .\folder\example.scss .\folder\example.css实时编译 SCSS 文件。