sass - 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 --no-source-map --watch index.scss:index.css
参考在这里: https ://sass-lang.com/guide
推荐阅读
- python - 重塑数组以适应 Keras 模型
- haskell - 如何检查列表中的所有字符串是否都存在于元组的字符串列表中
- python - 带有滚动窗口的直方图(Python)
- loops - For 循环和建议
- javascript - 当 Flickity 使用轮播渲染子组件时,Nuxt 应用程序抛出“无法读取未定义的属性”
- node.js - axios请求拦截器在设置token前返回
- build - 如何通过设置 MYLIB_LIBS 和 MYLIB_CFLAGS 来“覆盖 pkg-config”?
- c# - 天蓝色警报解析库 C#
- python - Python DataFrame,在列中编辑值
- html - 完全覆盖引导行