Webpack загрузчик для возврата стилей CSS?

Question

Я хочу уменьшить критический путь CSS, сделав некоторые стили встроенными.В настоящее время я использую такие CSS-модули:

import styles from './Componentstyles.scss';

...

<div className={styles.cls}>

Я делаю SSR и хочу, чтобы все стили были встроенными в SSR.Т.е. для SSR вместо использования класса + внешний CSS-файл я хочу иметь стили в атрибутах стиля.

Есть ли существующий загрузчик, который делает это?

Соответствующие частимой конфиг Webpack выглядит так:

  {
    test: /\.s?css$/,
    include: [APP_ROOT],
    exclude: [/node_modules/],
    use: [
      MiniCssExtractPlugin.loader,
      {
        loader: 'css-loader',
        options: {
          importLoaders: 1,
          modules: true,
          localIdentName: '[path][name]__[local]',
        },
      },
      'postcss-loader',
      'sass-loader',
      {
        loader: 'sass-resources-loader',
        options: {
          resources: [
            path.resolve('./src/styles/imports/variables.scss'),
            path.resolve('./src/styles/imports/mixins.scss'),
          ],
        },
      },
    ],
  },