Как в Webpack генерить два css файла (минифицированый и нет)?

Question

[houdy22]

Есть задача настроить сборку webpack на создание двух css файлов (минифицированного и обычного). Не могу понять как это сделать. Нужно из одних и тех же входных файлов css генерировать два файла на выходе.

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

module.exports = {
   ...
   plugins: [
      ...
      new MiniCssExtractPlugin({
         filename: (isProd) ? '[name].css' : '[name].[contenthash].css'
      }),
      ...
   ],
   module: {
      rules: [
         {
            test: /\.(sa|sc|c)ss$/,
            use: [
               {
                  loader: MiniCssExtractPlugin.loader,
                  options: {
                     hmr: isDev,
                     reloadAll: true,
                  },
               },
               'css-loader',
               'postcss-loader',
               'sass-loader',
               'webpack-import-glob-loader'
            ]
         },
      ...
      ]
   }
}

Возможно кто-то сталкивался с такой задачей или может подсказать в какую сторону копать?