dreamweaver and scss preprocessing

[EASYPAY GROUP]

Hi,

Is it just me (could very well be) or is the way of handling SCSS processing in Dreamweaver cc buggy and not really workable? All i have done so far is managed to lose time. I have multiple scss files in multiple folders, there are some variable files not getting processed.

Any tips on solving this variables issue?

I find it hilarious how i'm leaving a product i'm paying for (Dreamweaver CC) and reverting to free alternatives (which, ironically, do still work, and compile perfectly using this method):

• command line interface
• npm
• node-sass
• autoprefixer (i haven't found a hint of autoprefixing in dreamweaver)
• Atom texteditor (i can at least open the source map files)

Greetz

Kristof

[BenPleysier]

Have you told Dreamweaver where the various files are and where the compiled file goes? Please see Using CSS preprocessors in Dreamweaver

As for the rest of your story, when using Dreamweaver

• command line interface: not needed
• npm: not needed
• node-sass: not needed
• auto-prefixer: include Bourbon or Compass
• Atom texteditor: no reason why text files cannot be opened in Dreamweaver.

I guess it all boils down to learning the tools at hand and using the ones that are best suited for the job. For me Dreamweaver 2017.5 is the only tool I use for my web development while others prefer to use multiple tools to do the same job. There is no right or wrong way, only the most efficient way

[EASYPAY GROUP]

Hi Ben,

Thank you for your reply. Yes, i have set up site-specific CSS preprocessor preferences. it works with small projects but,

I have about 20 scss files, seperated into logical files that i compile into one css, of which the variable scss-files are not even getting processed.

As for the dreamweaver generated source maps.. very weird, but:

There's probably an easy fix, but i don't really consider this an issue, just quirky.

Any thoughts on the variables not getting compiled problem?

[BenPleysier · Accepted solution]

For the map issue, right-click the file and choose open with Dreamweaver.

For the variables issue, I keep all of my source files in one cloaked folder. All of my partial file names are preceded with an underscore. This is what my structure looks like

[EASYPAY GROUP]

Hi Ben,

Thanks for your help.

Sorry, I think i may have jumped the gun about the variables not getting compiled.

When i compile my variables file seperately, i do get an empty css. (now i know i do not need these compiled)

When i compile my main scss file (which imports all others) i'm pretty sure the variables are getting equated and filled in like they should.

I guess it was just down to user error this time (again).

Only switched to CC, from CS6, last week, i'm blaming it on that

I need to read up on the "cloaking", but for now i'm only developping(testing) locally.

Greets

Kristof

[BenPleysier]

When importing partials, do not include the underscore character as in

See my example in my previous reply

Edit: Also do not include the extension.

[EASYPAY GROUP]

Thanks, I have changed the structure, but it's working either way.

I followed some examples that weren't using the same conventions as you are

Still figuring this scss thing out.