首页 > 解决方案 > SASS 无法观看 scss,使用 [--watch]

问题描述

我按照说明进行了 SASS(Dart Sass 1.16.1)的标准安装:https ://sass-lang.com/install 。

我的设置:

节点-v:v11.6.0

萨斯——版本:1.16.0

操作系统:Ubuntu linux 18.04 LTE。


SASS 安装:

npm install -g sass

工艺流程:

第一次从 SCSS 创建 CSS:

sass index.scss index.css

尝试启动 [--watch]:(两个文件位于同一文件夹中):

sass --no-source-map --watch index.scss index.css

还尝试在文件名之间使用冒号 [:],实际上仅在指定文件夹时才需要:

sass --no-source-map --watch index.scss:index.css

激活手表后,我将 [color: red;] 更改为 [color: blue],但保存 scss 时 css 未更新。

运行 [--watch] 后的终端打印输出:无。

我的 SCSS 文件:

$color: blue;

.div-1 {
  background-color: $color;
}

没有运行 [--watch] 的 CSS 结果:

.div-1 {
  background-color: red;
}

标签: sass

解决方案


我认为问题可能是您需要:在输入和输出之间使用。

sass --no-source-map --watch index.scss:index.css

参考在这里: https ://sass-lang.com/guide


推荐阅读