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:
27
config/build/loaders/buildFileLoader.ts
Normal file
27
config/build/loaders/buildFileLoader.ts
Normal 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
|
||||
}
|
||||
Reference in New Issue
Block a user