Why my gruntfile does not compile scss files which includes “@import”?

[Ayala]

It compiles a single scss file to css. But if there are in that for example: “@import “variables/_colors.scss”;” it is not working. It is just a guess that this is the reason.

What is missing?

This is my gruntfile.js:

module.exports = function(grunt) {

 grunt.initConfig({
   pkg: grunt.file.readJSON('package.json'),
    connect: {
     uses_defaults: {}
   },

    sass: {                              
      dist: {                           
        options: {                     
          style: 'expanded'
          },
       files: [{
        expand: true,
        cwd: 'sites/all/themes/tarsoly/sass/',
        src: ['**/*.scss'],
        dest: 'sites/all/themes/tarsoly/css/',
        ext: '.css'
        }]
       }
       }, 

   watch: {
    css: {
      files: 'sites/all/themes/tarsoly/**/*.scss',
      tasks: [ 'sass' ],
      options: { livereload: true }
      }
      },



 });


// Default task(s).
 grunt.registerTask('default', ['watch']);

// Load Grunt plugins
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-sass-globbing');
};

[Author]

Posts