Обновление конфига css-loader для поддержки .css и дефолтных импортов

- Обновлен regex для включения обработки .css файлов (необходимо для стилей Swiper)
- Отключен namedExport в опциях css-loader для исправления дефолтных импортов из SCSS модулей
This commit is contained in:
Ilia Mashkov
2025-11-19 18:51:01 +03:00
parent b8115536f8
commit dc789c68cd

View File

@@ -18,7 +18,7 @@ import MiniCssExtractPlugin from 'mini-css-extract-plugin'
*/ */
export const buildCssLoader = (isDev: boolean) => { export const buildCssLoader = (isDev: boolean) => {
const cssLoader = { const cssLoader = {
test: /\.s[ac]ss$/i, test: /\.(s[ac]ss|css)$/i,
use: [ use: [
// Создает <style> теги из JS строк (dev) или извлекает в файлы (prod) // Создает <style> теги из JS строк (dev) или извлекает в файлы (prod)
isDev ? 'style-loader' : MiniCssExtractPlugin.loader, isDev ? 'style-loader' : MiniCssExtractPlugin.loader,
@@ -28,6 +28,7 @@ export const buildCssLoader = (isDev: boolean) => {
options: { options: {
modules: { modules: {
auto: /\.module\..*$/, auto: /\.module\..*$/,
namedExport: false,
localIdentName: isDev localIdentName: isDev
? '[path][name]__[local]--[hash:base64:5]' ? '[path][name]__[local]--[hash:base64:5]'
: '[hash:base64:8]', : '[hash:base64:8]',