Skip to content
This repository has been archived by the owner on Feb 9, 2019. It is now read-only.

SVGVR/gulp-sass-pug-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gulp / Pug / Sass Starter template.

Note / Примечание

This readme file will be written in 2 languages (English, Russian).

Содержание будет написано на 2-х языках (Английский, Русский).

Description / Описание

Simple project to fast-start web-development with Gulp, Pug and Sass.

Простой проект для быстрой разработки сайтов с использованием Gulp, Pug и Sass.

What`s inside / Что включено

This project uses:

  1. autoprefixer and gulp-postcss to add vendor prefixes.
  2. browser-sync to launch a local server.
  3. gulp-changed to detect whether files in the stream changed.
  4. gulp-concat to concat javascript files.
  5. gulp-data to pass data to .pug files.
  6. del to clean public folder.
  7. gulp Note - version 3.9.0. If you updated to gulp 4+ then gulpfile.js won`t work.
  8. gulp-if to make conditional tasks.
  9. gulp-imagemin to optimize images.
  10. gulp-plumber to prevent pipe breaking.
  11. gulp-pug to compile pug files.
  12. run-sequence to run a sequence of gulp tasks.
  13. gulp-sass to compile sass files.
  14. gulp-sourcemaps to write source maps.
  15. gulp-uglify to minify JavaScript.
  16. gulp-babel it`s obvious

В проекте используются:

  1. autoprefixer и gulp-postcss для добавления вендорных префиксов.
  2. browser-sync для запуска локального сервера.
  3. gulp-changed чтобы отслеживать изменения файлов.
  4. gulp-concat для конкатенации скриптов.
  5. gulp-data для передачи данных в .pug файлы.
  6. del для очистки директории public.
  7. gulp Примечание - версия 3.9.0. Если Вы обновите gulp до версии 4+, то проект не будет работать.
  8. gulp-if для работы с "условными" задачами.
  9. gulp-imagemin для оптимизации изображений.
  10. gulp-plumber для предотвращения так называемых "pipe breaking".
  11. gulp-pug для компиляции .pug файлов.
  12. run-sequence для запуска задач gulp в определенной последовательности.
  13. gulp-sass для компиляции .sass файлов.
  14. gulp-sourcemaps для создания "карт".
  15. gulp-uglify для минификации скриптов.
  16. gulp-babel предназначение очевидно

Usage

  • Execute npm install or yarn from base directory to install all dependencies.
  • Execute gulp or yarn start or npm start to start development server.
  • Execute gulp build or yarn run build or npm run build to build project files.

Использование

  • Выполните комманду npm install или yarn из базовой директории проекта для установки всех необходимых зависимостей.
  • выполните комманду gulp или yarn start или npm start для запуска сервера.
  • выполните комманду gulp build or yarn run build or npm run build для создания готового проекта.

Addons / Дополнения

By default this project includes:

  • Jquery 3.1.0
  • GSAP
  • Bootstrap 4 Grid (Note: Only grid. You ask why? Because as developer I hate css frameworks with the whole bunch of useless styles and scripts.)
  • color variables

If you don`t need something - just delete it.

В данный проект по умолчанию включены:

  • Jquery 3.1.0
  • GSAP
  • Bootstrap 4 Grid (Примечание: Только сетка. Почему? Я, как разработчик, не люблю css фреймворки с кучей ненужных стилей и скриптов.)
  • цветовые переменные

Если что-то из данного списка Вам не требуется - можете смело удалять.