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

时间:2017-09-25 08:38:55

标签: html css sass

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

2 个答案:

答案 0 :(得分:4)

SCSS是CSS的超集,默认情况下HTML不会解释它。你必须首先将它转换为CSS。 SCSS转换器将为您创建CSS文件,然后您可以在HTML文件中使用它。

以下是官方指南:http://sass-lang.com/guide(SCSS和SASS共享相同的转发器,因此SASS所描述的所有内容也适用于您的SCSS文件)

答案 1 :(得分:2)

有几种可能的解决方案来解决您的问题。
您可以使用类似Less.js的名称,该名称在网站上有出色的文档。

但是,我发现使用node-sass(假设您已下载npm)或sass for command line是最简单的。

node-sass

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

无礼

sass [input file] [output file]

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

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