运行 sass --watch 会导致删除 css 文件

运行 sass --watch 会导致删除 css 文件

运行(Dart)SASS 1.19.0 通过以下方式安装

brew install sass/sass/sass

在终端中(在Sass 文档)在所需目录中,如果我运行

sass styles.scss styles.css

或者

sass --watch styles.scss styles.css

这会导致删除styles.css文件。我需要做什么才能通过终端编译我的scss表而无需额外的软件?

答案1

在阅读终端中的错误消息后,我能够确定 SCSS 未正确嵌套。我是这样写的:

div {
    p {
    color: $paragraphColor;
    padding: 0;
    margin: 0;
    background: $paragraphBackgroundColor;
    }
}

但事实应该是:

    p {
        color: $paragraphColor;
        padding: 0;
        margin: 0;
        background: $paragraphBackgroundColor;
    }
} 

修正格式后,运行:

sass styles.scss styles.css

在终端工作。

相关内容