SCSS 在我的 HTML 文件中不起作用答案

【问题标题】：SCSS doesnt work in my HTML fileSCSS 在我的 HTML 文件中不起作用
【发布时间】：2018-03-06 04:03:54
【问题描述】：

我正在一个网站上工作，其中 SCSS 格式的代码很少。是否可以将它们转换为 CSS。正在工作的 html 文件无法识别 SCSS 文件。如果无法转换，如何使 html 文件读取 SCSS。

【问题讨论】：

【解决方案1】：

您的问题有几种可能的解决方案。
您可以使用 Less.js 之类的东西，它在网站上提供了令人惊叹的文档。

不过我觉得最简单的方法是使用node-sass（前提是您已经下载了npm）或sass for command line。

node-sass

npm i -g node-sass
node-sass [input file] [output file]

sass

sass [input file] [output file]

完成上述步骤之一后，您可以使用 html 文件头部的链接导入给定的 .css 文件：

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

【讨论】：

【解决方案2】：

SCSS 是 CSS 的超集，HTML 默认不会解释它。您必须先将其转换为 CSS。 SCSS 转译器将为您创建 CSS 文件，然后您可以在 HTML 文件中使用这些文件。

这里是官方指南：http://sass-lang.com/guide（SCSS 和 SASS 共享相同的转译器，因此为 SASS 描述的所有内容也适用于您的 SCSS 文件）

【讨论】：