Additional Sub-directory and output files being created

[robbyjm]

• NPM version (npm -v):
  6.4.1
• Node version (node -v):
  10.14.2
• Node Process (node -p process.versions):
  { http_parser: '2.8.0', node: '10.14.2', v8: '6.8.275.32-node.45', uv: '1.23.2', zlib: '1.2.11', ares: '1.15.0', modules: '64', nghttp2: '1.34.0', napi: '3', openssl: '1.1.0j', icu: '62.1', unicode: '11.0', cldr: '33.1', tz: '2018e' }
• Node Platform (node -p process.platform):
  win32
• Node architecture (node -p process.arch):
  x64
• node-sass -v:
  node-sass 4.11.0 (Wrapper) [JavaScript] libsass 3.5.4 (Sass Compiler) [C/C++]

I'm running node-sass --output-style compressed -w src -o src\css on a directory like the one shown below.

|<-src
||<-css
||test.css
|test.scss

node-sass should just update test.css each time I save test.scss. Right now that's working fine, but there there there appears to be a side effect that creates a new css folder inside the existing folder with the updated file. So the directory now looks like

|<-src
||<-css
|||<-css(additional unwanted folder)
|||test.css(additional unwanted file)
||test.css
|test.scss

and if I save the file again, the pattern continues on and on. Each time I save the file, here is the output I get from the terminal.

Z:\Documents\Visual Studio Code\relianceplumbing> node-sass --output-style compressed -w src -o src\css

=> changed: Z:\Documents\Visual Studio Code\relianceplumbing\src\Header.scss
Rendering Complete, saving .css file...
Wrote CSS to Z:\Documents\Visual Studio Code\relianceplumbing\src\css\Header.css

=> changed: Z:\Documents\Visual Studio Code\relianceplumbing\src\css\Header.css
Rendering Complete, saving .css file...
Wrote CSS to Z:\Documents\Visual Studio Code\relianceplumbing\src\css\css\Header.css

[nschonni]

Can you try not nesting the output directory under the input, that usually causes problems which most applications