罗盘：服务器在grunt意味着什么？

Question

我遇到了这段代码，有人可以解释compass:server的含义吗？

compass: {
  files: ['<%= config.src %>/styles/{,*/}*.{scss,sass}'],
  tasks: ['compass:server', 'autoprefixer']
},

Answer 1

compass是Grunt任务的名称（使用Compass将Sass编译为CSS），server是子任务的名称。所以，来自the documentation的示例：

compass: {
  dist: {
    options: {
      sassDir: 'sass',
      cssDir: 'css',
      environment: 'production'
    }
  },
  dev: {
    options: {
      sassDir: 'sass',
      cssDir: 'css'
    }
  }
  server: {
    options: {
      sassDir: 'sass',
      cssDir: 'css'
    }
  }
}

使用此配置，您可以选择使用dist，dev或{{}运行server，compass:dist或compass:dev子任务（带有相关选项） 1}}命令。

我在开发过程中一直使用Grunt。如果您想从开发工作流程中获取一些复杂性，那么值得一试。另一种选择是街区的新生儿，Gulp。