将指南针导入 SCSS

Question

如何将指南针导入我的 SCSS 以便我可以使用 mixins 等。

我目前使用 grunt 来生成我的 SCSS 文件，但我不确定我该如何做到这一点。

我的watch任务如下：

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 Task：

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']);