2.6 KiB
2.6 KiB
Тип, Статус, Название, Описание, Начат, Завершён, Технологии, Теги, Репозиторий, Ссылка
| Тип | Статус | Название | Описание | Начат | Завершён | Технологии | Теги | Репозиторий | Ссылка | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Проект | Запущен | ksv741-react-scripts | npm-пакет — аналог create-react-app с возможностью расширять конфигурацию Webpack |
|
|
https://github.com/ksv741/react-scripts | https://www.npmjs.com/package/ksv741-react-scripts |
ksv741-react-scripts
🎯 Проблема и цель
create-react-app не даёт гибко управлять конфигурацией Webpack без eject. Проект создан исключительно в учебных целях: разобраться, как устроены tooling-пакеты, и попрактиковаться в написании и оптимизации конфигурации Webpack.
🔍 Аналоги
Аналоги не подошли по причине учебной мотивации — цель была самостоятельно пройти путь создания tooling-пакета.
| Проект | Ссылка | Почему не подошёл |
|---|---|---|
| create-react-app | https://github.com/facebook/create-react-app | Закрытая конфигурация, нет расширяемости без eject |
| craco | https://github.com/dilanx/craco | Готовое решение, не учебное |
⚙️ Архитектура
Стек: JavaScript, Webpack, React
Ключевые решения:
- Публичный API для расширения конфигурации Webpack пользователем
- Разделение dev/prod конфигов
📋 Функциональность
- Сборка React-приложения через Webpack
- Возможность расширять конфигурацию без eject
- Публикация пакета на npm
🧠 Что узнал / выводы
- Устройство tooling-пакетов на примере react-scripts
- Оптимизация и структурирование конфигурации Webpack
- Как организовать расширяемый публичный API для конфигурации