css - Foundation scss compass、gruntjs 和 bower 安装

Question

可能与 scss: compass, gruntjs and bower install foundation - import path 翻倍

所以我有:

-models
-public
    ─bower_components
     ├───fastclick
     │   └───lib
     ├───foundation
     │   ├───css
     │   ├───js
     │   │   ├───foundation
     │   │   └───vendor
     │   └───scss
     │       └───foundation
     │           └───components

Gruntfile.js
package.json

我的 gruntfile.js

module.exports = function(grunt) {

    require('load-grunt-tasks')(grunt);

    grunt.initConfig({
      compass: {                  // Task
        dist: {                   // Target
          options: {              // Target options
            sassDir: 'public/scss',
            cssDir: 'public/stylesheets',
            environment: 'production',
            require: 'zurb-foundation',
            importPath: 'public/bower_components/foundation/scss',
            cacheDir: 'public/.sass_cache',
          }
        }
      },

      watch: {
        css: {
            files: ['public/scss/_settings.scss'],
            tasks: ['compass:dist'],
            option: { 
                spawn: false, 
                livereload: true
            }
        }
      }
    });

}

当我使用命令时:grunt compass

Running "compass:dist" (compass) task
Nothing to compile. If you're trying to start a new project, you have left off the directory argument.
Run "compass -h" to get help.

Done, without errors.

它不起作用... compass 不编译我的 scss...我该如何更正它？

Answer 1

我相信您必须注册您的任务。像这样:

module.exports = function(grunt) {

  // Configuration goes here
  grunt.initConfig({                  
    // blah
  });  

  // Define your tasks here
  grunt.registerTask('default', ['compass', 'watch']);
  grunt.registerTask('justCompass', ['compass']);
};

现在只需调用 grunt 来运行 compass 和 watch ，或者调用 grunt justCompass 来仅运行 compass 任务。