How to set up compass on netbeans 7.4

Question

Netbeans 7.4 has a feature that allows scss and less automation to compile when saved.

I managed to configure scss to compile, but I am having problems compiling scss files using a compass.

Here is an example error:

Syntax error: File to import not found or unreadable: compass/css3. Load path: /www/site on line 2 of /www/site/app/View/Themed/Admin/webroot/scss/core.scss 

Currently, the compass is imported like this:

 @import "compass/css3"; 

thanks

Answer 1

• In NetBeans, choose File> Project Properties.
• In the dialog that opens, select the CSS preprocessor category.
• At the bottom of the Sass properties are the compiler options. Type --compass

This fixed the issue you are asking me about. However, I ran into additional problems with Compass because it did not know the file paths. To overcome this, I created a config.rb file in the root of my project. This was to determine the full path to the project and directory names. Moreover, while working on a Windows machine, she was fussy about the direction of slashes and types of quotes.

 project_path = 'c:\path\to\project' css_dir = "css" sass_dir = "sass" images_dir = "images" javascripts_dir = "js" 

Answer 2

Another way to add Compass to all SASS projects without adding an argument to each project is to go to Tools> Options> Miscellaneous> CSS Preprocessors and add "-compass" to the end of the Sass Path.

For example, my text is "C: \ Ruby200-x64 \ bin \ sass.bat --compass".