rtsarkov/webpack-collector

Для установки зависимосте в текущей директории выполнить команду

npm i

Пакеты собраны на весрии nodejs 16

Данный конфиг позволяет собирать:

• стили css/scss;
• срипты js/vue с использованием современного синтаксиса (бандл layout.js подключать в своем приложении не нужно);
• html страницы из директории html (отключено по умолчанию)
• подключать svg картинки из спрайта <svg class="icon" aria-hidden="true"><use xlink:href="#arrow"></use></svg> Также подключить файл svg в src/js/sprites.js. Спрайты собираются только из папки svg
• обрабатывать/оптимизировать изображения;
• обрабатывать шрифты;
• возможность верстать макеты с помощью vuejs + vueroute, шаблон собирается из папки /src/layout в scripts/layout.js и index.html, который подключать в своём приложении не обязательно. (отключено по умолчанию)

Для запуска есть команды

Продакшен код

npm run prod

Сборка для разработки

npm run dev

Запускает слежение за файлами

npm run watch

Запускает веб сервер разработки, файлы при этом не будут собираться в указанную диреткотрию они будут находится в оперативной памяти компьютера

npm run server

Для проверки своего кода можно использовать линтеры

Для js

npm run eslint

Для scss

npm run stylelint