SASS cannot watch scss, using [--watch]

Question

I made a standard installation of SASS (Dart Sass 1.16.1), following instructions: https://sass-lang.com/install.

My setup:

node -v : v11.6.0

sass --version: 1.16.0

OS: Ubuntu linux 18.04 LTE.

SASS installation:

npm install -g sass

Process flow:

First creation of CSS from SCSS:

sass index.scss index.css

Attemt to start [--watch]: (the both files are located in same folder):

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

Also tried with colon [:] between file names, which actually is only required when specifying folders:

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

After activating the watch, I change something [color: red;] to [color: blue], but css is not update when saving scss.

Terminal printout after running [--watch]: None.

My SCSS file:

$color: blue;

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

The CSS result without running [--watch]:

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

Why do you want no source map? It works for me without that flag. — gilbert-v
Recently started with SASS and i just wanted to reduce the amount of produced files, that's the simle reason of exluding sourcemap. I tried to remove the [--no-source-map], but it does not improve the result. Still no [--watch] monitoring, and no confirmation printout in the terminal. — Toolbox

Gergo Szabo Gergo Szabo · Accepted Answer · 2019-01-18T08:56:17

I Think the problem might be, that you need to use : between the input and the output.

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