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