Некоммерческий шаблон сайта иконок в рамках самообразования

При верстке шаблона использован компонентный подход. Все компоненты собираются посредством webpack.

Посмотреть живое демо.

Чтобы скопировать репозиторий на свой компьютер, в консоли наберите git clone https://github.com/encrypticus/baslite.git

Используемые в проекте загрузчики и плагины сборщика:

Загрузчики ( loaders ):

1. babel-loader — загрузчик js-файлов
2. css-loader — загрузчик css-файлов
3. eslint-loader — линтер js-файлов
4. file-loader — загрузчик файлов статических ресурсов, таких как шрифты, изображения и т.д.
5. html-loader — заргузчик html-файлов
6. image-webpack-loader — оптимизатор файлов изображений
7. postcss-loader — постпроцессор стилевых файлов
8. pug-html-loader — загрузчик pug-файлов
9. sass-loader — загрузчик sass/scss-файлов
10. style-loader — загрузчик стилевых файлов

Плагины ( plugins ):

1. browser-sync-webpack-plugin — локальный сервер разработки с browser-sync
2. clean-webpack-plugin — очищает папку сборки перед каждой пересборкой
3. copy-webpack-plugin — копирует отдельные файлы или целые каталоги, которые уже существуют, в каталог сборки
4. html-webpack-plugin — генерирует html-файл в папке сборки
5. mini-css-extract-plugin — извлекает css-файлы в папку назначения
6. stylelint-webpack-plugin — подключате к проекту stylelint - линтер стилевых файлов
7. terser-webpack-plugin — оптимизатор js-файлов

Команды для запуска

npm run prod         # сборка проекта
npm run dev-server   # запуск сервера разработки
npm run browser-sync # запуск сервера разработки с browser-sync
npm run deploy       # отправка содержимого папки сборки на gh-pages