@pchelovek
HTML-верстальщик

Что не так в gruntfile.js?

Начал изучать grunt, но пока без особых успехов. При компиляции stylus в css пропадают точки с запятой у последних свойств.
Например:
nav a:hover
	color #DF4A38

компилируется в
nav a:hover {
color: #df4a38
}


И не работает watch с livereload при изменении свойств в файле *.styl.
Вот gruntfile:
module.exports = function (grunt) {
	grunt.initConfig({
	pkg: grunt.file.readJSON('package.json'),

stylus: {
  compile: {  
    options: {
      paths: ['styles/'],
      compress: true
    },
    files: {
     'styles/css/main.css' : 'styles/main.styl' 
    }
  }
},

watch: {
  stylus: {
    files: ['styles/*.styl'],
    tasks: ['stylus'],
  },
  livereload: {
    options: { livereload: true },
    files: ['**/*'],
  }
}
});
  grunt.loadNpmTasks('grunt-contrib-stylus');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.registerTask('default', ['stylus', 'autoprefixer','watch']);
};
  • Вопрос задан
  • 2306 просмотров
Пригласить эксперта
Ответы на вопрос 1
zooks
@zooks
Frontend
Вот как-то так:
watch: {
      options: { livereload: true },
      scripts: {
        files: ['_/js/*.js'],
        tasks: ['uglify']
      }, 
      stylus: {
        files: ['_/stylus/*.styl'],
        tasks: ['stylus']
      }
    }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы