webpack.prod.js

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const autoprefixer = require('autoprefixer');
const Dotenv = require('dotenv-webpack');
const webpack = require('webpack');
const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');
const path = require('path');
const polyfills = ['core-js/stable', 'regenerator-runtime/runtime'];

const envFile = process.env.ENV_FILE ? process.env.ENV_FILE : '.env.prod';

const config = merge(common, {
  mode: 'production',
  output: {
    publicPath: '/',
  },
  devtool: 'hidden-source-map',
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: [
          path.resolve(__dirname, './node_modules/lodash/'),
          path.resolve(__dirname, './node_modules/core-js/'),
          path.resolve(__dirname, './node_modules/regenerator-runtime/'),
          path.resolve(__dirname, './node_modules/@coinspace/monero-core-js/build/MoneroCoreJS.asm.js'),
        ],
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              ['@babel/preset-env', { useBuiltIns: 'usage', corejs: '3.0' }],
            ],
            plugins: [
              '@babel/plugin-proposal-class-properties',
              '@babel/plugin-proposal-private-methods',
            ],
            sourceType: 'unambiguous',
          },
        },
      },
      {
        test: /\.(sass|scss)$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
              postcssOptions: {
                plugins: [
                  autoprefixer,
                ],
              },
            },
          },
          'sass-loader',
        ],
      },
    ],
  },
  plugins: [
    new webpack.ProgressPlugin(),
    new Dotenv({
      path: envFile,
      safe: true,
      systemvars: true,
    }),
    new MiniCssExtractPlugin({
      filename: 'assets/css/all.[contenthash:8].css',
    }),
  ],
  optimization: {
    minimize: true,
    minimizer: [
      new CssMinimizerPlugin(),
      new TerserPlugin({
        terserOptions: {
          format: {
            comments: false,
          },
          mangle: {
            reserved: ['BigInteger', 'ECPair', 'Point', '_', 'RippleError', 'RippledError', 'UnexpectedError',
              'LedgerVersionError', 'ConnectionError', 'NotConnectedError',
              'DisconnectedError', 'TimeoutError', 'ResponseFormatError',
              'ValidationError', 'NotFoundError', 'MissingLedgerHistoryError',
              'PendingLedgerVersionError',
            ],
          },
        },
        extractComments: false,
      }),
    ],
  },
});

if (process.env.BUILD_TYPE === 'phonegap') {
  const htmlPlugin = config.plugins.find((plugin) => {
    return plugin instanceof HtmlWebpackPlugin;
  });
  htmlPlugin.userOptions.chunks = ['deviceready'];

  config.entry['deviceready'] = polyfills.concat('./phonegap/deviceready.js');
  delete config.entry['loader'];

  config.output.publicPath = '';
} else if (process.env.BUILD_TYPE === 'electron') {
  config.plugins.push(new HtmlWebpackPlugin({
    inject: false,
    template: 'electron/env.ejs',
    filename: 'env.json',
  }));
  config.output.publicPath = './';
}

module.exports = config;