SCSS script creates nested css directories when saving files

Question

I have a watch function which outputs scss code to a css directory, but I'm unsure why sometimes the files are saved in another nested css directory like such:

public/
  sass/
    css/
      css/ // this directory shouldn't exist
        style.css //saved here
      style.css //and here (should only save here)
  style.scss

this is my script: node-sass -w src/public/sass -o src/public/sass/css

Do all your sass partials begin with an underscore? – ESR Jun 19 '18 at 00:50 — ESR, Jun 19 '18 at 00:50
don't have any partials... all super basic scss files – Jun 19 '18 at 00:57 — , Jun 19 '18 at 00:57

score 0 · Answer 1 · answered Jun 19 '18 at 16:03

have you tried adding a / at the end of your source directory or path? See this answer

Try running this script:

node-sass -w src/public/sass/ -o /src/public/sass/css/

I recommend changing your CSS path into a directory named /dist for best practices. See this reference

example:

node-sass -w src/public/sass/ -o /dist/public/css/

SCSS script creates nested css directories when saving files

1 Answers1