Блог

Я столкнулся с этим фрагментом кода, может кто-нибудь объяснить, что это compass:server значит?

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

compass это имя задачи Grunt (компиляция Sass в CSS с использованием Compass) и server это имя подзадачи. Итак, пример из документации:

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

Используя эту конфигурацию, вы можете выбрать выполнение dist dev server подзадач or (с соответствующими параметрами) с compass:dist compass:dev compass:server помощью команд or .

Я постоянно использую Grunt в своей разработке. Это стоит проверить, если вы хотите уменьшить сложность рабочего процесса разработки. Альтернативой является новичок в блоке, Gulp.