将罗盘导入SCSS

时间:2016-01-26 16:31:44

标签: sass gruntjs compass

如何将罗盘导入我的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'
         }]
   }
 }

由于

1 个答案:

答案 0 :(得分: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']);