Dreamweaver CC 2018 SCSS -> CSS compiler issue

[telliants43587273]

Hi All

I had spent well lot of time on this issue. Could anyone help me sharing the step by step process of setting up the SCSS - CSS compile. I have tried youtube video with no help. TIA

Regards

[Kratika Agarwal · Accepted solution]

Hi

Please find below the steps to setup compilation of SCSS file to CSS file, please let us know , if you face any issue after setting the compilation settings.

1) Set the following general CSS preprocessor settings for a site containing SCSS /SAAS/LESS files,  in "Sites > Manage Sites > CSS Preprocessors" dialog box.

2) select the option "Enable Auto Compilation on File Save"

Select this check box to enable auto compilation of CSS preprocessors

3) Set "CSS source and output Preferences"

Specify the location of the CSS output file that is generated.

"In the same folder as source"- Select this option if you want the generated CSS files to be saved in the same folder as the source Sass/SCSS and LESS files.

"Define output folder" - Select this option and specify a folder where you want to save the generated CSS files.

4) create your SCSS file and save it in the site, or open any SCSS file save it in site ,you can compile manually by right click on it and clcik on "compile". It will compile to CSS file in the outout folder set by you in settings.

5) open Output panel (Window > Results > Output). The status icon in the status bar is displayed in green when the file is compiled to CSS. To open the compiled CSS, double-click the success message in the panel.

For detailed steps please refer to below link Using CSS preprocessors in Dreamweaver  

Thanks

[naomib77553045]

Hello, I have the same issue and this solution does not work for me. I've done all 5 steps but when I right-click on the scss-file and click on compile nothing happens, nothing appears in the output panel and no new css-document is created. Any ideas?

I've read and reread the content of the detailed steps link several times but I didn't see anything that helped me troubleshoot this problem. Help would be appreciated.

Naomi

[BenPleysier]

Have you tried the link in step 5?

If so and you still do not get the correct result, please start a new discussion.

[naomib77553045]

Hello BenPleysier, thank you for your response. I did do step 5 and I did not get the correct result but I found someone else on these forums who had the same problem and the solution is to restart dreamweaver whenever that happens and then it starts working again.
Thank you for your time!

Naomi

[BenPleysier]

Crazy solution, but if it helps. Thanks for the feedback.

[rikhis35921465]

this solution worked for me.

[schmelik]

This is the only way for me to fix this issue too..

Windows 10

[Delta Positive]

I tried this also and worked. But then I also changed another setting and the Documentation page reminded me to

Edit > Sync Settings > Sync Settings Now

Perhaps this is what happens when restarting the entire program. Try manually synching settings.

[frontier logic]

I too had the same problem, and I went back through the trouble shooting guide above.  Finally, I restarted Dreamweaver, and fixed the problem. Of course, I felt releived, but I also believe there is a glitch somewhere in the software.  Oterwide Dreamweaver has always been right.