ritwickdey / vscode-live-sass-compiler

Compile Sass or Scss file to CSS at realtime with live browser reload feature.
https://ritwickdey.github.io/vscode-live-sass-compiler/
MIT License
657 stars 169 forks source link

Change output directory but keep folder structure #139

Open Al3xCubed opened 5 years ago

Al3xCubed commented 5 years ago

I'd like to be able to let the output css files to be in the dist folder while keeping the same folder structure. Examples: src/foo/thing.scss --> dist/foo/thing.css src/foo/bar/thing.scss --> dist/foo/bar/thing.scss

deefdragon commented 5 years ago

Discussion of this particular topic has occurred in both #29 and #84 however, no direct changes have been mentioned in response to those requests as of yet as far as I can tell.

It is one of the features that I most want myself. Unfortunately, it also appears that the developer of this extension is no longer able to maintain it and is looking for a replacement.

LabuschagneB commented 5 years ago

Create a .vscode folder in the root of project. Inside of .vscode folder create a json file named settings.json. Inside of the settings.json, type following key-value pairs. By the way you’ll get intelli-sense.

{ "liveSassCompile.settings.formats":[ { "format": "expanded", "extensionName": ".css", "savePath": "/css" }, { "extensionName": ".min.css", "format": "compressed", "savePath": "/dist/css" } ], "liveSassCompile.settings.excludeList": [ "/node_modules/", ".vscode/**" ], "liveSassCompile.settings.generateMap": true, "liveSassCompile.settings.autoprefix": [ "> 1%", "last 2 versions" ] }

gd0385 commented 4 years ago

Same problem here. I want the folder structure:

parent
|
|__ sass
|    |__ file1.scss
|    |__ layout
|         |__ file2.scss
|__ css
     |__ file1.css
     |__ layout
          |__ file2.css

But "savePath" doesn't allow this configuration

sKopheK commented 3 years ago

this fork https://github.com/glenn2223/vscode-live-sass-compiler is able to keep the folder structure