Skip to main content
N
nevitt99
Participant
November 13, 2017
Answered

SCSS not creating css file

  • November 13, 2017
  • 2 replies
  • 6378 views

Enhance your CSS with preprocessors |

I've been watching this video and trying following along. The narrator says that a CSS file is automatically created, but I'm not seeing it in my folder. I'm working with Dreamweaver CC 2018. What do I need to do to create a compiler? I just started learning SCSS this morning, however, I've written CSS for quite awhile. Do I need to have a CSS file set up?

Correct answer Kratika Agarwal

Hi,

Below link might be helpful to you:

Using CSS preprocessors in Dreamweaver

steps to make a css file from scss file-

  • Make a site, Go to Manage site>CSS Preprocessor> General> click on "Enable Auto compilation on File save"
  • click on "Source and Output" choose "In the same folder as source"
  • Go to file>new SCSS> click on create
  • Write your code for SCSS file and save it
  • Go to Files Panel and refresh your site
  • A css file with the file name is created in the same folder where you have saved the file

Thanks

2 replies

K
Community Manager
Kratika AgarwalCommunity ManagerCorrect answer
Community Manager
November 14, 2017

Hi,

Below link might be helpful to you:

Using CSS preprocessors in Dreamweaver

steps to make a css file from scss file-

  • Make a site, Go to Manage site>CSS Preprocessor> General> click on "Enable Auto compilation on File save"
  • click on "Source and Output" choose "In the same folder as source"
  • Go to file>new SCSS> click on create
  • Write your code for SCSS file and save it
  • Go to Files Panel and refresh your site
  • A css file with the file name is created in the same folder where you have saved the file

Thanks

F
Fotograf Erfurt
Participant
August 20, 2025

 

It's different for me:

When I want to convert scss files to css files with the preprocessor in Dreamweaver on my Mac, it's not possible. First, I have to disable source map generation and disable automatic compilation of files when saving. I then have to close Dreamweaver and restart it. Next, I have to re-enable the preprocessor and reactivate source map generation. Only then are the CSS and source map created. When I restart Dreamweaver and the computer, I have to do the same thing again in order to continue working.

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
August 20, 2025

This topic was originally resolved 8 years ago. If your issue differs—especially given the Mac-specific behavior you described—please start a new topic so it can be addressed properly.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
November 13, 2017

This may help Using CSS preprocessors in Dreamweaver

What the above article does not say is that partials need to be preceded by an underscore as in _base.scss. The following image shows my folder structure where you can see that the partials (files with a preceding underscore) do not get compiled.

The following image shows (part of) the contents of styles.scss. Notice that the underscore and the extension (.scss) have been omitted.

You will also have to setup the site to include the paths as in

Good luck!

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
W
wergle
Participant
November 27, 2017

THANK YOU!!! I did not know that partials have to be proceeded with _underscore. Spent several hours trying to get partials complied automatically into final css. Added underscore to my partials and worked fine. I did not notice this was documented anywhere. (New to scss so may be a requirement???)

B i r n o u
B i r n o u
Legend
November 27, 2017

that is exactly what I said....

what I said more is that one can (and I often do that) use files with non underscore as first char... they will be either generated as a stand alone CSS file plus they also will be imported in the asking host... and DW doesn't allow that ...


to give you a sample... when developing I often use a developping CSS file just for testing prupose (like bring red square around nested data spread sheet and so on)...

when used on remote testing web server... the file is imported in the master css file... but when in production, I don't need it anymore... so there is a fork to import or not the developping CSS in within the master...

but all the main page developped internally still need the developping CSS as direct link access... so I still need the generated CSS file ...

do you get the point ?

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices