webpack.config.js

const HtmlWebPackPlugin = require("html-webpack-plugin");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const webpack = require("webpack");
const path = require("path");

module.exports = () => {
  return {
    entry: "./src/index.js",
    output: {
      filename: "main.js",
      path: path.resolve(__dirname, "dist"),
    },
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /(node_modules)/,
          use: {
            loader: "babel-loader",
          },
        },
        {
          test: /\.(css|scss)$/,
          loader: ["style-loader", "css-loader", "sass-loader"],
        },
      ],
    },
    plugins: [
      new HtmlWebPackPlugin({
        template: "./public/index.html",
        filename: "./index.html",
      }),
      new webpack.DefinePlugin({
        // <-- key to reducing React's size
        "process.env": {
          NODE_ENV: JSON.stringify("production"),
        },
      }),
      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
      new webpack.optimize.AggressiveMergingPlugin(),
      new RollbarSourceMapPlugin({
        accessToken: "5038f24f7a3042a9a3a8784cb526e72c",
        version: "1.0",
        publicPath: "https://www.agfusion.app/",
      }),
    ],
    node: {
      fs: "empty",
    },
    optimization: {
      minimize: true,
      minimizer: [new UglifyJsPlugin()],
    },
  };
};