fix: Исправлены ошибки линтера

This commit is contained in:
Ilia Mashkov
2025-11-19 10:10:16 +03:00
parent 1376a20c90
commit fb5a5a16bc
8 changed files with 28 additions and 28 deletions

View File

@@ -4,17 +4,17 @@ import { BuildOptions } from './types/config'
/** /**
* Конфигурация webpack-dev-server для режима разработки * Конфигурация webpack-dev-server для режима разработки
* *
* Настраивает локальный сервер разработки с поддержкой: * Настраивает локальный сервер разработки с поддержкой:
* - Hot Module Replacement (HMR) - горячая перезагрузка модулей * - Hot Module Replacement (HMR) - горячая перезагрузка модулей
* - History API Fallback - поддержка клиентского роутинга (SPA) * - History API Fallback - поддержка клиентского роутинга (SPA)
* - Автоматическое открытие браузера * - Автоматическое открытие браузера
* *
* @param {BuildOptions} options - Опции сборки * @param {BuildOptions} options - Опции сборки
* @param {number} options.port - Порт для запуска сервера (по умолчанию 3000) * @param {number} options.port - Порт для запуска сервера (по умолчанию 3000)
* @param {boolean} options.open - Автоматически открывать браузер при запуске * @param {boolean} options.open - Автоматически открывать браузер при запуске
* @returns {DevServerConfiguration} Конфигурация webpack-dev-server * @returns {DevServerConfiguration} Конфигурация webpack-dev-server
* *
* @example * @example
* // Запуск: pnpm dev * // Запуск: pnpm dev
* // Сервер будет доступен на http://localhost:3000 * // Сервер будет доступен на http://localhost:3000

View File

@@ -9,7 +9,7 @@ import { BuildOptions } from './types/config'
/** /**
* Собирает все webpack loaders в единый массив * Собирает все webpack loaders в единый массив
* *
* Порядок loaders важен! Webpack применяет их справа налево (снизу вверх). * Порядок loaders важен! Webpack применяет их справа налево (снизу вверх).
* Текущий порядок: * Текущий порядок:
* 1. fileLoader - обрабатывает изображения и шрифты * 1. fileLoader - обрабатывает изображения и шрифты
@@ -17,7 +17,7 @@ import { BuildOptions } from './types/config'
* 3. babelLoader - транспилирует JS/JSX/TSX с React Refresh * 3. babelLoader - транспилирует JS/JSX/TSX с React Refresh
* 4. typescriptLoader - компилирует TypeScript * 4. typescriptLoader - компилирует TypeScript
* 5. cssLoader - обрабатывает CSS/SCSS с модулями * 5. cssLoader - обрабатывает CSS/SCSS с модулями
* *
* @param {BuildOptions} options - Опции сборки * @param {BuildOptions} options - Опции сборки
* @param {boolean} options.isDev - Флаг режима разработки * @param {boolean} options.isDev - Флаг режима разработки
* @returns {webpack.RuleSetRule[]} Массив правил для webpack * @returns {webpack.RuleSetRule[]} Массив правил для webpack

View File

@@ -4,24 +4,24 @@ import { BuildOptions } from './types/config'
/** /**
* Конфигурация разрешения модулей для webpack * Конфигурация разрешения модулей для webpack
* *
* Определяет, как webpack будет искать и разрешать импорты модулей. * Определяет, как webpack будет искать и разрешать импорты модулей.
* *
* Настройки: * Настройки:
* - extensions: автоматически разрешает указанные расширения файлов * - extensions: автоматически разрешает указанные расширения файлов
* - preferAbsolute: предпочитает абсолютные пути относительным * - preferAbsolute: предпочитает абсолютные пути относительным
* - modules: директории для поиска модулей * - modules: директории для поиска модулей
* - mainFiles: имена файлов по умолчанию при импорте директории * - mainFiles: имена файлов по умолчанию при импорте директории
* - alias: алиасы для упрощения импортов (можно расширить) * - alias: алиасы для упрощения импортов (можно расширить)
* *
* @param {BuildOptions} options - Опции сборки * @param {BuildOptions} options - Опции сборки
* @param {BuildPaths} options.paths - Пути проекта * @param {BuildPaths} options.paths - Пути проекта
* @returns {webpack.ResolveOptions} Конфигурация resolve для webpack * @returns {webpack.ResolveOptions} Конфигурация resolve для webpack
* *
* @example * @example
* // Благодаря extensions можно писать: * // Благодаря extensions можно писать:
* import Component from './Component' // вместо './Component.tsx' * import Component from './Component' // вместо './Component.tsx'
* *
* // Благодаря mainFiles можно писать: * // Благодаря mainFiles можно писать:
* import utils from './utils' // вместо './utils/index.ts' * import utils from './utils' // вместо './utils/index.ts'
*/ */

View File

@@ -1,12 +1,12 @@
/** /**
* Конфигурация Babel loader для webpack * Конфигурация Babel loader для webpack
* *
* Обрабатывает файлы JavaScript, JSX и TSX с помощью Babel. * Обрабатывает файлы JavaScript, JSX и TSX с помощью Babel.
* В режиме разработки включает React Refresh для горячей перезагрузки компонентов. * В режиме разработки включает React Refresh для горячей перезагрузки компонентов.
* *
* @param {boolean} isDev - Флаг режима разработки * @param {boolean} isDev - Флаг режима разработки
* @returns {Object} Конфигурация babel-loader * @returns {Object} Конфигурация babel-loader
* *
* @example * @example
* const babelLoader = buildBabelLoader(true) * const babelLoader = buildBabelLoader(true)
* // Возвращает loader с React Refresh для разработки * // Возвращает loader с React Refresh для разработки

View File

@@ -2,16 +2,16 @@ import MiniCssExtractPlugin from 'mini-css-extract-plugin'
/** /**
* Конфигурация CSS/SCSS loader для webpack * Конфигурация CSS/SCSS loader для webpack
* *
* Обрабатывает файлы .css, .scss и .sass с поддержкой CSS модулей. * Обрабатывает файлы .css, .scss и .sass с поддержкой CSS модулей.
* В режиме разработки использует style-loader для инъекции стилей в DOM. * В режиме разработки использует style-loader для инъекции стилей в DOM.
* В режиме production использует MiniCssExtractPlugin для извлечения CSS в отдельные файлы. * В режиме production использует MiniCssExtractPlugin для извлечения CSS в отдельные файлы.
* *
* CSS модули автоматически включаются для файлов с паттерном *.module.* * CSS модули автоматически включаются для файлов с паттерном *.module.*
* *
* @param {boolean} isDev - Флаг режима разработки * @param {boolean} isDev - Флаг режима разработки
* @returns {Object} Конфигурация css-loader с поддержкой SCSS и CSS модулей * @returns {Object} Конфигурация css-loader с поддержкой SCSS и CSS модулей
* *
* @example * @example
* // Для файла Button.module.scss будут применены CSS модули * // Для файла Button.module.scss будут применены CSS модули
* // Для файла global.scss CSS модули не применяются * // Для файла global.scss CSS модули не применяются

View File

@@ -1,15 +1,15 @@
/** /**
* Конфигурация file-loader для webpack * Конфигурация file-loader для webpack
* *
* Обрабатывает статические файлы: изображения и шрифты. * Обрабатывает статические файлы: изображения и шрифты.
* Копирует файлы в директорию сборки и возвращает публичный URL. * Копирует файлы в директорию сборки и возвращает публичный URL.
* *
* Поддерживаемые форматы: * Поддерживаемые форматы:
* - Изображения: .png, .jpg, .jpeg, .gif * - Изображения: .png, .jpg, .jpeg, .gif
* - Шрифты: .woff, .woff2 * - Шрифты: .woff, .woff2
* *
* @returns {Object} Конфигурация file-loader * @returns {Object} Конфигурация file-loader
* *
* @example * @example
* import logo from './logo.png' * import logo from './logo.png'
* // logo будет содержать путь к файлу в сборке * // logo будет содержать путь к файлу в сборке

View File

@@ -1,15 +1,15 @@
/** /**
* Конфигурация SVGR loader для webpack * Конфигурация SVGR loader для webpack
* *
* Преобразует SVG файлы в React компоненты. * Преобразует SVG файлы в React компоненты.
* Позволяет импортировать SVG как обычные React компоненты с возможностью * Позволяет импортировать SVG как обычные React компоненты с возможностью
* управления их свойствами (цвет, размер и т.д.) через props. * управления их свойствами (цвет, размер и т.д.) через props.
* *
* @returns {Object} Конфигурация @svgr/webpack loader * @returns {Object} Конфигурация @svgr/webpack loader
* *
* @example * @example
* import Logo from './logo.svg' * import Logo from './logo.svg'
* *
* function App() { * function App() {
* return <Logo width={100} height={100} fill="red" /> * return <Logo width={100} height={100} fill="red" />
* } * }

View File

@@ -1,11 +1,11 @@
/** /**
* Конфигурация TypeScript loader для webpack * Конфигурация TypeScript loader для webpack
* *
* Компилирует TypeScript файлы (.ts, .tsx) в JavaScript. * Компилирует TypeScript файлы (.ts, .tsx) в JavaScript.
* Выполняет проверку типов во время сборки. * Выполняет проверку типов во время сборки.
* *
* @returns {Object} Конфигурация ts-loader * @returns {Object} Конфигурация ts-loader
* *
* @example * @example
* // Обрабатывает файлы: * // Обрабатывает файлы:
* // - Component.tsx * // - Component.tsx