webpack.prod.ts

import path from "path";
import { WebpackManifestPlugin } from "webpack-manifest-plugin";
import UglifyJsPlugin from "uglifyjs-webpack-plugin";
import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
import webpack from "webpack";
import merge from "webpack-merge";
// @ts-ignore
import common from "./webpack.common";

const config = {
  mode: "production",
  entry: ["./src/index"],
  output: {
    filename: "[name].[hash].js",
    publicPath: "/",
    path: path.resolve("./dist"),
  },
  optimization: {
    splitChunks: {
      // include all types of chunks
      chunks: "all",
    },
  },

  resolve: {
    extensions: [".ts", ".tsx", ".js", ".json"],
  },
  devtool: false,
  plugins: [
    new webpack.EnvironmentPlugin({
      API: "https://agni-web-os.herokuapp.com",
    }),
    new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /en/),
    new UglifyJsPlugin({
      sourceMap: true,
      include: /\.min\.js$/,
      uglifyOptions: {
        ecma: 5,
      },
    }),
    new WebpackManifestPlugin(),
    new BundleAnalyzerPlugin({
      analyzerMode: "static",
      openAnalyzer: true,
    }),
  ],
  externals: {
    react: "React",
    "react-dom": "ReactDOM",
  },
};

module.exports = merge(common, config);