webpack.prod.js

const webpack = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');


const resourcesRule = {
  test: /\.(jpeg|png|ico|cur|eot|ttf|woff|woff2)$/,
  use: {
    loader: 'file-loader',
    options: {
      name: '[name].[hash:6].[ext]'
    }
  }
};

const svgRule = {
  test: /\.svg$/,
  oneOf: [{
    resourceQuery: /url/,
    use: [
      {
        loader: 'file-loader',
        options: {
          name: '[name].[hash:6].[ext]'
        },
      },
      'svgo-loader',
    ]
  }, {
    resourceQuery: /viewbox/,
    use: [
      {
        loader: 'svg-inline-loader',
        options: {
          removeSVGTagAttrs: false,
        },
      },
      './buildtools/svg-viewbox-loader',
      'svgo-loader',
    ]
  }, {
    use: [
      {
        loader: 'svg-inline-loader',
        options: {
          removeSVGTagAttrs: false,
        },
      },
      'svgo-loader',
    ]
  }]
};

module.exports = function() {
  return {
    mode: 'production',
    devtool: 'source-map',
    output: {
      filename: '[name].[chunkhash:6].js'
    },
    plugins: [
      new webpack.optimize.ModuleConcatenationPlugin(),
    ],
    module: {
      rules: [
        resourcesRule,
        svgRule,
      ]
    },
    optimization: {
      minimizer: [
        new TerserPlugin({
          parallel: true,
          sourceMap: true,
          terserOptions: {
            compress: false
          }
        })
      ]
    },
  };
};