我有一个名为variables.html的程序和一个名为variables.scss的sass文件,但是当我尝试使用命令行在vscode终端的Windows系统上运行以下任一命令时:
sass variables.scss variables.css 或sass variables.scss:variables.css
我收到以下错误:
读取变量时出错。scss:无法打开文件。
我的sass文件也与html文件位于同一文件夹中。
如果有人可以帮助我克服此命令行问题,我将提供文件代码。
HTML文件
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
<link rel="stylesheet" href="variables.scss">
<!--<style>
ul
{
font-size: 14px;
color: red;
}
ol
{
font-size: 18px;
color: red;
}-->
</style>
</head>
<body>
<ul>
<li>unordered item</li>
<li>unordered item</li>
<li>unordered item</li>
</ul>
<ol>
<li>ordered item</li>
<li>ordered item</li>
<li>ordered item</li>
</ol>
</body>
</html>
SASS FILE
$color: red;
ul
{
font-size: 14px;
color: $color;
}
ol
{
font-size: 18px;
color: $color;
}
我正在使用Dart Sass,因为不再支持Ruby,而是更喜欢使用Dart Sass。