text: const MiniCssExtractPlugin = require('mini-css-extract-plugin')
  const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
  const { merge } = require('webpack-merge')
  
  const paths = require('./paths')
  const common = require('./webpack.common.js')
  
  module.exports = merge(common, {
      mode: 'production',
      devtool: false,
      output: {
          path: paths.build,
          publicPath: './',
          filename: 'js/[name].[contenthash].bundle.js',
      },
      module: {
          rules: [
              {
                  test: /\.(scss|css)$/,
                  use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
                  // use: [
                  //     MiniCssExtractPlugin.loader,
                  //     {
                  //         loader: 'css-loader',
                  //         options: {
                  //             importLoaders: 2,
                  //             sourceMap: false,
                  //             modules: true,
                  //         },
                  //     },
                  //     'postcss-loader',
                  //     'sass-loader',
                  // ],
              },
          ],
      },
      plugins: [
          // Extracts CSS into separate files
          new MiniCssExtractPlugin({
              filename: 'styles/[name].[contenthash].css',
              chunkFilename: '[id].css',
          }),
      ],
      optimization: {
          minimize: true,
          minimizer: [new CssMinimizerPlugin(), '...'],
          runtimeChunk: {
              name: 'runtime',
          },
      },
      performance: {
          hints: false,
          maxEntrypointSize: 512000,
          maxAssetSize: 512000,
      },
  })
  