Базовый шаблон проекта с использованием Gulp, Less, Webpack

Шаблон предназначен для начала работы над проектом с использованием препроцессора Less и сборщика проектов Gulp.

Автор: Андрей Грачев

---

Установка шаблона

git clone [email protected]:andreysgra/gulp-project-template.git project-name
cd project-name

---

Как использовать

npm install - установка зависимостей.

npm start - сборка проекта в режиме разработки и запуск локального сервера.

npm run build - финальная сборка проекта.

npm run deploy - финальная сборка проекта и размещение его в GitHub Pages.

npm run dist - финальная сборка проекта и упаковка его в zip-архив.

npm test - запуск теста на наличие стилистических ошибок.

---

Структура проекта

.
├── build/            # каталог сборки проекта (cоздаётся автоматически)
├── dist/             # каталог, в котором архивируется собранный проект (cоздаётся автоматически)
├── gulpfile.js/      # каталог задач для Gulp
├── source/           # каталог для размещения исходных файлов проекта
│   ├── fonts/        # каталог шрифтов
│   ├── img/          # каталог растровых и векторных изображений
│   │   └── icons/    # каталог векторных изображений для генерации векторного спрайта
│   ├── js/           # каталог JS файлов
│   ├── styles/       # каталог файлов стилей
│   └── index.html    # файл разметки страницы
├── .editorconfig     # файл конфигурации настроек редактора
├── .eslintrc.json    # файл конфигурации ESLint
├── .gitattributes    # файл атрибутов Git
├── .gitignore        # файл исключений Git
├── .npmrc            # файл конфигурации npm
├── .stylelintrc.json # файл конфигурации stylelint
├── .travis.yml       # файл конфигурации Travis CI
├── package.json      # файл npm зависимостей и настроек проекта
├── package-lock.json # lock-файл npm
├── README.md         # документация проекта
└── webpack.config.js # файл конфигурации Webpack