![png](https://private-user-images.githubusercontent.com/111772207/260325874-9724e5a7-6038-42d8-a508-cf4322ea44be.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM1ODgxMTAsIm5iZiI6MTcyMzU4NzgxMCwicGF0aCI6Ii8xMTE3NzIyMDcvMjYwMzI1ODc0LTk3MjRlNWE3LTYwMzgtNDJkOC1hNTA4LWNmNDMyMmVhNDRiZS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxM1QyMjIzMzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jMWNjOGJkZjU2ODQyNjdkMDA3ZWFhNWZiMjcyMWVkNWY0NDRjNGQwZmRjYzc5YjIwNmIxMmY4ZWFkOTAyZTcwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.udLBTTjnhKNPWtmeZeCRiRjDhMZEC_j0onRdhS-XhGg)
- dev server
- работа с html
- работа с css / scss их нужно подключить в index.js(import './main.scss'; import './style.css';)
- для работы со статичными файлами папка static
- подключены лоадеры и оптимизаторы изображений (png|jpg|jpeg|gif|svg)
- современный js код компилируется через babel в кроссбраузерный es5 синтаксис
- работа с реактом (components) b добавлены зависимости в index.js
npm i
- "serve": "webpack serve --open --mode development",
- "dev": "webpack --mode development",
- "build": "webpack --mode production",