This is a custom grunt.js task that executes compass compile
for you and prints the COMPASS output to grunt.log.write()
.
-
Place the
grunt-compass
folder in the root of your project. -
Call
grunt.loadTasks('grunt-compass/tasks');
in your gruntfile. -
Configure
grunt watch
to watch your scss files and call the task. e.g.:watch: { files: ['assets/scss/partials/*.scss'], tasks: ['compass'] }
-
Setup the config for compass in your grunt config, or setup a compass config file:
-
Option 1: Set the configuration for compass in your grunt.js file:
compass: { src: 'assets/scss/partials', dest: 'assets/css/partials' }
"src" is the folder with sass/scss files. "dest" is the file where the css files will be place.
-
Option 2: Setup a compass project
compass install compass
-
-
Run "grunt watch" and change some SASS files :)
Notice: At this moment this task doesn't work with "grunt" or "grunt compass" it only creates the folders, not the files!