DRY up webpack config

config/webpack/productionConfig.js

@@ -0,0 +1,29 @@
+const webpack = require('webpack');
+const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
+
+/**
+ * Get the production webpack configuration, given an environment object.
+ *
+ * @param {Object} env
+ * @returns {Object}
+ */
+function getProductionConfig(env) {
+    return ({
+        mode: 'production',
+        devtool: 'source-map',
+        plugins: [
+            // This allows us to interactively inspect JS bundle contents
+            ...(process.env.ANALYZE_BUNDLE === 'true' ? [new BundleAnalyzerPlugin()] : []),
+            new webpack.DefinePlugin({
+                __REACT_WEB_CONFIG__: JSON.stringify(env),
+
+                // React Native JavaScript environment requires the global __DEV__ variable to be accessible.
+                // react-native-render-html uses variable to log exclusively during development.
+                // See https://reactnative.dev/docs/javascript-environment
+                __DEV__: false,
+            }),
+        ],
+    });
+}
+
+module.exports = getProductionConfig;

config/webpack/webpack.prod.js

@@ -1,25 +1,9 @@
 const path = require('path');
-const webpack = require('webpack');
 const {merge} = require('webpack-merge');
-const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
 const dotenv = require('dotenv');
 const common = require('./webpack.common.js');
+const getProductionConfig = require('./productionConfig');
 
 const env = dotenv.config({path: path.resolve(__dirname, '../../.env.production')}).parsed;
 
-module.exports = merge(common, {
-    mode: 'production',
-    devtool: 'source-map',
-    plugins: [
-        // This allows us to interactively inspect JS bundle contents
-        ...(process.env.ANALYZE_BUNDLE === 'true' ? [new BundleAnalyzerPlugin()] : []),
-        new webpack.DefinePlugin({
-            __REACT_WEB_CONFIG__: JSON.stringify(env),
-
-            // React Native JavaScript environment requires the global __DEV__ variable to be accessible.
-            // react-native-render-html uses variable to log exclusively during development.
-            // See https://reactnative.dev/docs/javascript-environment
-            __DEV__: false,
-        }),
-    ],
-});
+module.exports = merge(common, getProductionConfig(env));

config/webpack/webpack.staging.js

@@ -1,25 +1,9 @@
 const path = require('path');
-const webpack = require('webpack');
 const {merge} = require('webpack-merge');
-const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
 const dotenv = require('dotenv');
 const common = require('./webpack.common.js');
+const getProductionConfig = require('./productionConfig');
 
 const env = dotenv.config({path: path.resolve(__dirname, '../../.env.staging')}).parsed;
 
-module.exports = merge(common, {
-    mode: 'production',
-    devtool: 'source-map',
-    plugins: [
-        // This allows us to interactively inspect JS bundle contents
-        ...(process.env.ANALYZE_BUNDLE === 'true' ? [new BundleAnalyzerPlugin()] : []),
-        new webpack.DefinePlugin({
-            __REACT_WEB_CONFIG__: JSON.stringify(env),
-
-            // React Native JavaScript environment requires the global __DEV__ variable to be accessible.
-            // react-native-render-html uses variable to log exclusively during development.
-            // See https://reactnative.dev/docs/javascript-environment
-            __DEV__: false,
-        }),
-    ],
-});
+module.exports = merge(common, getProductionConfig(env));