Как добавить конфигурацию оптимизации Webpack в response-app-rewired?

Question

У меня есть проект, который мне нужно сделать совместимым с IE9.

Оказывается, IE9 имеет ограничения на количество селекторов CSS, которые он поддерживает, поэтому мне не хватает части моего стиля.

Я связываю свой проект с помощью create-реагировать на приложение и сборку пряжи.

Конечно, это всегда дает мне один файл.

Попробовал следующее в config-overrides.js

const tsImportPluginFactory = require('ts-import-plugin')
const { getLoader } = require('react-app-rewired');
const rewireLess = require('react-app-rewire-less');


module.exports = function override(config, env) {

  const tsLoader = getLoader(
    config.module.rules,
    rule =>
      rule.loader &&
      typeof rule.loader === 'string' &&
      rule.loader.includes('ts-loader')
  );

  tsLoader.options = {
    getCustomTransformers: () => ({
      before: [ tsImportPluginFactory({
        libraryName: 'antd',
        libraryDirectory: 'es',
        style: true,
      }) ]
    })
  };

  config = rewireLess.withLoaderOptions({
      javascriptEnabled: true,
      optimization: {
        splitChunks: {
          chunks: 'async',
          minSize: 30000,
          maxSize: 0,
          minChunks: 3,
          maxAsyncRequests: 5,
          maxInitialRequests: 3,
          automaticNameDelimiter: '~',
          name: true,
          cacheGroups: {
            vendors: {
              test: /[\\/]node_modules[\\/]/,
              priority: -10
            },
            default: {
              minChunks: 2,
              priority: -20,
              reuseExistingChunk: true
            }
          }
        }
      }
  })(config, env);

  return config;
}

, но не получил желаемого результата из нескольких файлов CSS.

Не могу понять, как разделить сборку на несколько частей?