text: "use strict"
  
  const path = require("path")
  const utils = require("./utils")
  const webpack = require("webpack")
  const config = require("../config")
  const merge = require("webpack-merge")
  const baseWebpackConfig = require("./webpack.base.config")
  const CopyWebpackPlugin = require("copy-webpack-plugin")
  const HtmlWebpackPlugin = require("html-webpack-plugin")
  const MiniCssExtractPlugin = require("mini-css-extract-plugin")
  const OptimizeCSSPlugin = require("optimize-css-assets-webpack-plugin")
  const TerserPlugin = require("terser-webpack-plugin")
  const SafeParser = require("postcss-safe-parser")
  
  const env = require("../config/prod.env")
  
  const webpackConfig = merge(baseWebpackConfig, {
    mode: "production",
    module: {
      rules: utils.styleLoaders({
        sourceMap: config.build.productionSourceMap,
        extract: true,
        usePostCSS: true,
      }),
    },
    devtool: config.build.productionSourceMap ? config.build.devtool : false,
    output: {
      path: config.build.assetsRoot,
      filename: utils.assetsPath("js/[name].[chunkhash].js"),
    },
    plugins: [
      // http://vuejs.github.io/vue-loader/en/workflow/production.html
      new webpack.DefinePlugin({
        "process.env": env,
      }),
      // extract css into its own file
      new MiniCssExtractPlugin({
        filename: utils.assetsPath("css/[name].[chunkhash].css"),
      }),
      // Compress extracted CSS. We are using this plugin so that possible
      // duplicated CSS from different components can be deduped.
      new OptimizeCSSPlugin({
        cssProcessorOptions: config.build.productionSourceMap
          ? { parser: SafeParser, map: { inline: false } }
          : { parser: SafeParser },
      }),
  
      // generate dist index.html with correct asset hash for caching.
      // you can customize output by editing /index.html
      // see https://github.com/ampedandwired/html-webpack-plugin
      new HtmlWebpackPlugin({
        filename: config.build.index,
        template: "index.html",
        inject: true,
        minify: {
          removeComments: true,
          collapseWhitespace: true,
          removeAttributeQuotes: true,
          // more options:
          // https://github.com/kangax/html-minifier#options-quick-reference
        },
        // necessary to consistently work with multiple chunks
        chunksSortMode: "dependency",
      }),
      // keep module.id stable when vendor modules does not change
      new webpack.NamedChunksPlugin(),
      new webpack.HashedModuleIdsPlugin(),
  
      // copy custom static assets
      new CopyWebpackPlugin([
        {
          from: path.resolve(__dirname, "../src/assets"),
          to: config.build.assetsSubDirectory,
          ignore: [".*"],
        },
      ]),
    ],
    optimization: {
      concatenateModules: true,
      splitChunks: {
        chunks: "all",
        cacheGroups: {
          vendor: {
            name: "vendor",
            test: /[\\/]node_modules[\\/]/,
            enforce: true,
          },
        },
      },
      runtimeChunk: "single",
      minimize: true,
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            compress: {
              warnings: false,
            },
          },
          sourceMap: config.build.productionSourceMap,
          parallel: true,
        }),
      ],
    },
  })
  
  if (config.build.productionGzip) {
    const CompressionWebpackPlugin = require("compression-webpack-plugin")
  
    webpackConfig.plugins.push(
      new CompressionWebpackPlugin({
        asset: "[path].gz[query]",
        algorithm: "gzip",
        test: new RegExp("\\.(" + config.build.productionGzipExtensions.join("|") + ")$"),
        threshold: 10240,
        minRatio: 0.8,
      })
    )
  }
  
  if (config.build.bundleAnalyzerReport) {
    const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin
    webpackConfig.plugins.push(new BundleAnalyzerPlugin())
  }
  
  module.exports = webpackConfig