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:
24
config/build/loaders/buildSvgrLoader.ts
Normal file
24
config/build/loaders/buildSvgrLoader.ts
Normal file
@@ -0,0 +1,24 @@
|
||||
/**
|
||||
* Конфигурация SVGR loader для webpack
|
||||
*
|
||||
* Преобразует SVG файлы в React компоненты.
|
||||
* Позволяет импортировать SVG как обычные React компоненты с возможностью
|
||||
* управления их свойствами (цвет, размер и т.д.) через props.
|
||||
*
|
||||
* @returns {Object} Конфигурация @svgr/webpack loader
|
||||
*
|
||||
* @example
|
||||
* import Logo from './logo.svg'
|
||||
*
|
||||
* function App() {
|
||||
* return <Logo width={100} height={100} fill="red" />
|
||||
* }
|
||||
*/
|
||||
export function buildSvgrLoader() {
|
||||
const svgrLoader = {
|
||||
test: /\.svg$/,
|
||||
use: ['@svgr/webpack'],
|
||||
}
|
||||
|
||||
return svgrLoader
|
||||
}
|
||||
Reference in New Issue
Block a user