将罗盘导入SCSS

Question

如何将罗盘导入我的SCSS，以便我可以使用mixins等。

我目前使用grunt生成我的SCSS文件，我不确定我该怎么做。

我的观察任务如下：

module.exports = {
   jade: {
      files: 'app/views/**/*.jade',
      tasks: ['jade']
    },
     css: {
        files: '**/*.scss',
        tasks: ['sass']
    }
}

我的sass任务是：

module.exports = {
   dist: {

         files: [{
           expand: true,
           cwd: 'scss',
           src: ['**/*.scss'],
           dest: 'stylesheets',
           ext: '.css'
         }]
   }
 }

由于

Answer 1

您可以使用此处的Compass Grunt任务：

https://github.com/gruntjs/grunt-contrib-compass

以下是git repo的示例用法：

grunt.initConfig({
  compass: {                  // Task
    dist: {                   // Target
      options: {              // Target options
        sassDir: 'sass',
        cssDir: 'css',
        environment: 'production'
      }
    },
    dev: {                    // Another target
      options: {
        sassDir: 'sass',
        cssDir: 'css'
      }
    }
  }
});

grunt.loadNpmTasks('grunt-contrib-compass');

grunt.registerTask('default', ['jshint', 'compass']);