Search code examples
sassgruntjscompass

Compass can't find any Sass files to compile when running grunt


I have made a grunt task to run compass as follows:

module.exports = {
      dev: {
          options: {
              sassDir: ['**/*.scss'],
              cssDir: 'stylesheets',
              noLineComments: false,
              outputStyle: 'compressed'
          }
      }
     }

My watch task is as follows:

module.exports = {
   jade: {
      files: 'app/views/**/*.jade',
      tasks: ['jade']
    },
     src: {
        files: '**/*.scss',
         tasks: ['compass:dev']
    },
           options: {
                livereload: true,
            },
}

However I get Compass can't find any Sass files to compile.

My folder structure is as follows:

scss/
stylesheets/
Gruntfile.js
grunt/
  aliases.yaml
  compass.js
  watch.js

Solution

  • You can create a file called config.rb in the same leval as gruntfile.js** Reference

    then you can tell where the compass will look for the sass files:

    css_dir = 'assets/stylesheets' #where find the css 
    sass_dir = 'assets/sass' #where find sass files
    images_dir = 'assets/images' #where find the images (if you want to use then in css as well)
    

    You don't need to change the code.