CODEWITHSUNDEEP
cssvisual-studio-codesass
Coding Cable
Coding Cable

Reputation: 103

Can't compile Sass file into CSS with Live Sass Compiler

I can't compile Sass file into CSS using Live Sass Compiler. I have the following prompt in my main css file:

/* No CSS //# sourceMappingURL=style.css.map */

The No CSS might hint something, but I have no idea what.

Upvotes: 0

Views: 3306

Answers (2)

Manas Khandelwal
Manas Khandelwal

Reputation: 3921

enter image description here

  1. Press Ctrl + , to open setting.
  2. Click on the Extension Drop Down.
  3. Select Live Sass Compiler
  4. Press Edit in setting.json under Live Sass Compile › Settings: Generate Map
  5. Set liveSassCompile.settings.generateMap to false.

enter image description here

  1. Save and close the file.

Upvotes: 1

Imran Rafiq Rather
Imran Rafiq Rather

Reputation: 8078

After our extension is installed in VScode, we are going to look at some settings.

Go to settings (Click on the settings icon on bottom-left corner of your VSCode, and in the menu that appears click on settings).

Then a Search field will appear at the top, we will type and search for Live Sass Compiler.

Click on Live Sass Compiler once it appears and again click on Edit in Settings.json link and add following json:

"liveSassCompile.settings.formats": [
 {
  "format": "expanded",
  "extensionName": ".css",
  "savePath": "/dist/css"
 }
],

Save and we are good to go. I have provided a detail image by image explanation for ease here vs-code-live-sass-compiler-not-updating-files

Upvotes: 2

Related Questions