Skip to content

Latest commit

 

History

History
70 lines (38 loc) · 2.94 KB

README.md

File metadata and controls

70 lines (38 loc) · 2.94 KB

Заготовка для frontend приложения

  • Для сборки используется Gulp.
  • Менеджера пакетов Bower.
  • Предпроцессор Less и Sass.

Установка

npm install

bower update

Запуск

gulp: запускает полную сборку

gulp dev: запускает сборку dev версии

gulp prod: запускает сборку prod версии

gulp images: запускает оптимизацию изображений

gulp watch: наблюдение за изменением файлов в dev версии

Окружения

dev - окружение для быстрой сборки. Не использует оптимизацию изображений, минификацию и сжатие файлов. prod - окружение для продакшина. Использует всю оптимизацию по максимуму.

Описание плагинов

gulp-watch: наблюдение за изменениями файлов.

gulp-less: для компиляции LESS кода в CSS

gulp-sass: для компиляции SASS кода в CSS

gulp-slim: шаблонизатор HTML кода

gulp-coffee: для компиляции Coffee Script кода в JavaScript

gulp-pxtorem: для компиляции px в rem

gulp-preprocess: замена неких переменных в виде комментариев на нужные нам данные.

gulp-copy: копирование файлов

gulp-minify-css: минификация css файлов

gulp-concat: Слияние файлов (например css и js)

gulp-autoprefixer: автоматически добавляет вендорные префиксы к CSS свойствам

gulp-image: сжатие изображений

gulp-uglify: сжатие js файлов

gulp-env: возможность настраивать окружения

gulp-rename: переименование файлов

gulp-ignore: игнорирование действий с файлами