remove production source maps

Author: Dev-sh21

react_frontend/webpack.config.js

@@ -27,84 +27,88 @@ const aliases = () => {
   return aliasConfig;
 };
 
-module.exports = {
-  entry: {
-    main: "./src/index.tsx",
-  },
-  output: {
-    filename: "js/[name].[contenthash:8].js",
-    clean: true,
-  },
-  resolve: {
-    alias: aliases(),
-    extensions: [".js", ".jsx", ".ts", ".tsx", ".json"],
-    modules: ["node_modules", path.resolve(__dirname, "node_modules")],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(s*)css$/,
-        use: [
-          {
-            loader: MiniCssExtractPlugin.loader,
-          },
-          {
-            loader: "css-loader",
-            options: {
-              url: false,
-              sourceMap: true,
+module.exports = (env, argv) => {
+  const isProduction = argv.mode === "production";
+  return {
+    entry: {
+      main: "./src/index.tsx",
+    },
+    output: {
+      filename: "js/[name].[contenthash:8].js",
+      clean: true,
+    },
+    resolve: {
+      alias: aliases(),
+      extensions: [".js", ".jsx", ".ts", ".tsx", ".json"],
+      modules: ["node_modules", path.resolve(__dirname, "node_modules")],
+    },
+    module: {
+      rules: [
+        {
+          test: /\.(s*)css$/,
+          use: [
+            {
+              loader: MiniCssExtractPlugin.loader,
             },
-          },
-          "sass-loader",
-        ],
-      },
-      {
-        test: /\.(js|jsx|ts|tsx)$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: "babel-loader",
-            options: {
-              presets: [
-                "@babel/preset-env",
-                ["@babel/preset-react", { runtime: "automatic" }],
-                "@babel/preset-typescript",
-              ],
+            {
+              loader: "css-loader",
+              options: {
+                url: false,
+                sourceMap: true,
+              },
+            },
+            "sass-loader",
+          ],
+        },
+        {
+          test: /\.(js|jsx|ts|tsx)$/,
+          exclude: /node_modules/,
+          use: [
+            {
+              loader: "babel-loader",
+              options: {
+                presets: [
+                  "@babel/core",
+                  "@babel/preset-env",
+                  ["@babel/preset-react", { runtime: "automatic" }],
+                  "@babel/preset-typescript",
+                ],
+              },
             },
-          },
-        ],
-      },
-      {
-        test: /\.(png|jpg|gif)$/,
-        type: "asset/resource",
-      },
-      {
-        test: /\.svg$/i,
-        use: [
-          {
-            loader: "@svgr/webpack",
-            options: {
-              svgoConfig: {
-                plugins: [{ name: "preset-default", removeViewBox: false }],
+          ],
+        },
+        {
+          test: /\.(png|jpg|gif)$/,
+          type: "asset/resource",
+        },
+        {
+          test: /\.svg$/i,
+          use: [
+            {
+              loader: "@svgr/webpack",
+              options: {
+                svgoConfig: {
+                  plugins: [{ name: "preset-default", removeViewBox: false }],
+                },
               },
             },
-          },
-          "file-loader",
-        ],
-      },
-      {
-        test: /\.(zip)$/,
-        use: "binary-loader",
-      },
+            "file-loader",
+          ],
+        },
+        {
+          test: /\.(zip)$/,
+          use: "binary-loader",
+        },
+      ],
+    },
+    plugins: [
+      new BundleTrackerPlugin({
+        filename: "./webpack-stats.json",
+      }),
+      new MiniCssExtractPlugin({
+        filename: "css/[name].css",
+      }),
     ],
-  },
-  plugins: [
-    new BundleTrackerPlugin({
-      filename: "./webpack-stats.json",
-    }),
-    new MiniCssExtractPlugin({
-      filename: "css/[name].css",
-    }),
-  ],
-  devtool: "inline-source-map",
+    devtool: isProduction ? false : "inline-source-map",
+  };
 };