Вроде так, я на глаз написал))

вроде правильно да

все от души, брат сработало

и в корень можешь вынести отдельну бейбла настройку в
.babelrc
{
 "presets": ["@babel/preset-env"],
 "plugins": ["@babel/plugin-proposal-class-properties"]
}

не усложняй :)

Добрый вечер! Подскажите, пожалуйста, почему webpack 5 ругается на reset.css?
Ошибка: Uncaught Error: Module parse failed: Unexpected token (44:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
Настройки в webpack.config.js:
     {
       test: /\.(scss|css)$/,
       use: ['style-loader', 'css-loader', 'sass-loader'],
     },

Покажи как ты его импортируешь?

Также как и scss файл, но на него он не ругается)

Покажи скриншот 44 строки

в reset.css?

Там ничего интересного нет, там перечисление тэгов идет

возможно там какой-то непечатный символ

удали эти строки, и если пройдет - добавляй по одной

Завтра посмотрю, спасибо за подсказку

Всем привет!
Решил попробовать MiniCssExtractPlugin
и столкнулся с проблемой)

При запуске девсервера не подгружаются ассетсы. Урс ассетса через локалхост прописывается до папки дист и самого файла корректно, но файл не подгружается.

Инициализирую плагин так:
{
               test: /\.css$/,
               use: [
                   {
                       loader: MiniCssExtractPlugin.loader,
                       options: {
                           publicPath: (resourcePath, context) => {
                               return path.relative(path.dirname(resourcePath), context) + '/dist/';
                             },
                       },
                   },
                   'css-loader',
               ],
           },

Может кто подсказать в чём причина и как исправить?

всем привет, столкнулся сейчас с проблемой:
использовал в приложении динамические импорты
const Characteristic = React.lazy<React.FC>(() =>
  import('pages/characteristic')
);
и все работало пока не потребовалось чотбы приложение собиралось с PublicPath различным под разные инстансы использования,
и статика перестала корректно загружаться
передать путь (как советуют в доках) нельзя(особенности места использования)
ктонить сталкивался и есть ли решение?
(пока отказались от динамических импортов , но хтелось бы вернуть)

Попробуй sideEffects в package.json добавить

Почему webpack останавливает сборку на ts ошибках, если у меня в tsconfig strictNullChecks: true (для ide), а в конфиге webpack strictNullChecks: false?

{
  test: /\.tsx?$/,
    use: [
  env.development && {
    loader: 'babel-loader',
    options: { plugins: ['react-refresh/babel'] }
  },
  {
    loader: 'ts-loader',
    options: {
      transpileOnly: true,
      compilerOptions: {
        module: 'esnext',
        strictNullChecks: false
      }
    }
  }
].filter(Boolean)
}