NZ-WEB/webpack-frontend-template

Готовая frontend-сборка Webpack для ваших проектов

Готовая сборка Webpack

Особенности сборки

• используется Babel для поддержки современного JavaScript (ES6) в браузерах
• выбираете любой препроцессор SASS/SCSS/LESS
• ваш CSS и JS оптимизируется и минифицируется
• установлен пакет webpack-dev-server - вам не потребуется постоянно перезагружать браузер
• поддержка TypeScript
• анализ вашего бандла с помощью пакета webpack-bundle-analyzer | команда npm run stats
• ESlint позволит сделать ваш код приятным и чистым
• Поддержка и чтение файлов CSV/XML, на выходе получаем массив данных

Файловая структура

webpack-frontend-template
├── dist
├── src
│   ├── assets
│       ├── fonts
│       └── images
│   ├── styles
│   ├── index.html
│   └── index.js
├── webpack.config.js
├── package.json
├── .gitignore
├── .eslintrc
└── .gitignore

В зависимости от фреймворка, вы можете переделать организацию файлов в папке src т.к. обычно она отличается

Команды

• npm run dev - собираем development
• npm run build - собираем production
• npm start - слежение за файлами и открываем в браузере
• npm run stats - смотрим размеры и статы бандла

Установка

Установим все необходимые пакеты из package.json

npm install

Запускаем

npm start

Связаться со мной

• ВКонтакте: @artembrovkin
• Instagram: @brovkin_artem

Сайт

brozabro.ru