Dreamweaver CC 2018 SCSS -> CSS compiler issue

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