feat: модульная конфигурация webpack с React 19 и TypeScript 5

- Создана модульная архитектура webpack конфигурации в config/build/
- Настроены loader'ы: Babel, TypeScript, CSS/SCSS, File, SVGR
- Добавлены плагины: HtmlWebpackPlugin, MiniCssExtractPlugin, ReactRefresh, BundleAnalyzer
- Настроен dev-сервер с HMR и поддержкой SPA роутинга
- Добавлена полная JSDoc документация на русском языке
This commit is contained in:
Ilia Mashkov
2025-11-19 09:59:39 +03:00
commit 1376a20c90
12 changed files with 493 additions and 0 deletions

View File

@@ -0,0 +1,27 @@
/**
* Конфигурация file-loader для webpack
*
* Обрабатывает статические файлы: изображения и шрифты.
* Копирует файлы в директорию сборки и возвращает публичный URL.
*
* Поддерживаемые форматы:
* - Изображения: .png, .jpg, .jpeg, .gif
* - Шрифты: .woff, .woff2
*
* @returns {Object} Конфигурация file-loader
*
* @example
* import logo from './logo.png'
* // logo будет содержать путь к файлу в сборке
*/
export function buildFileLoader() {
const fileLoader = {
test: /\.(png|jpe?g|gif|woff|woff2)$/i,
use: [
{
loader: 'file-loader',
},
],
}
return fileLoader
}