Задать вопрос
Rainum

Rainum

Ответы пользователя по тегу Grunt.js

  • Где найти реальный пример Front-end проекта с использованием Grunt.js, bower, Bootstrap и LESS?

    Rainum
    @Rainum
    Ни в коем случае не претендую на пример современного "Front-end workflow", но мой небольшой TODO app (это тестовое задание) как раз реализован с использованием Grunt + Bower + NPM для package management и scaffolding, node + Express..js для бекэнда и Angular + SASS для фронтенда.

    Конечно он не совсем соответствует заданным критериям, но в целом концепция та же, так что допилить это до Ваших нужд не составит большого труда.

    Форкайте и используйте на здоровье :)

    https://github.com/rainum/test-todo-app
    Ответ написан
    Комментировать
    Комментировать

  • Конфигурирование Livereload для grunt-проекта

    Rainum
    @Rainum
    Все вы делаете так, но watch-таск делает очень много лишней работы. У вас он смотрит на директорию с исходниками и при изменении любого файла, запускает все таски, а не один нужный.

    Для начала вам стоит разбить watch на таргеты для независимой компиляции разных типов файлов. Также у меня есть сомнения по поводу необходимости указывать таргет files у самого livereload - уберите его. Вот пример моего таска с livereload:

    watch: {
  options: {
    livereload: true
  },
  gruntfile: {
    files: ['Gruntfile.js'],
    tasks: ['build:dev']
  },
  js: {
    files: '<%= path.assets %>/javascripts/{,**/}*.js',
    tasks: 'concat'
  },
  compass: {
    files: '<%= path.assets %>/stylesheets/{,**/}*.{scss,sass}',
    tasks: ['compass:dev', 'autoprefixer']
  },
  jade: {
    files: '<%= path.assets %>/views/{,**/}*.jade',
    tasks: ['jade:dev']
  }
}


    Также не забудьте вставить скрипт для livereload в свой html:

    <script src="//localhost:35729/livereload.js"></script>
    Ответ написан
    1 комментарий
    1 комментарий