CODEWITHSUNDEEP
visual-studio-2013sasscompass-sassweb-essentials
user2677350
user2677350

Reputation: 336

Integrating Compass into Visual Studio 2013 update 2 with Web Essentials 2013

The way I currently have it set up is I downloaded Compass from https://github.com/Compass/compass

Placed it into the root of where all my SCSS files are located. It works great but, I was wondering if their is a way to integrate Compass like they are doing with the Mindscape Workbench http://visualstudiogallery.msdn.microsoft.com/2b96d16a-c986-4501-8f97-8008f9db141a

Upvotes: 4

Views: 1742

Answers (1)

theDmi
theDmi

Reputation: 18034

I use just the mixins from Compass, but rely on Web Essentials to compile the SCSS files on save. This gives me a much better development experience, since compass watch requires a few seconds to compile the stylesheets, whereas the Web Essentials are very fast. With compass watch I often had the problem that I reloaded my page in the browser before the CSS files were completely compiled, confusing me at times.

Since the Compass SCSS files are effectively a library that I rely on, I also copied them into my source tree, so that I have them in the Git repo. This also solved the problem that the Web Essentials were unable to resolve the Compass files.

This approach works very well for me, much better than with Mindscape Workbench. I must say I'm not a big fan of Mindscape Workbench, although my experiments with it lie approximately one year back. But YMMV.

Upvotes: 5

Related Questions