Update Webpack client variables

.eslintrc

@@ -8,6 +8,7 @@ globals:
   context: true
   jestPuppeteer: true
   BASE_URL: true
+  webpackConfig: true
 rules:
   camelcase: off # require camel case names
   prefer-template: off

src/index.js

@@ -44,7 +44,7 @@ i18n
     fallbackLng: "en",
     /* To debug any errors w.r.t. i18n, swith the second `false` to `true`
     (and this can be kept even after deployment if needed) */
-    debug: process.env.NODE_ENV === 'production' ? false : false, // eslint-disable-line
+    debug: webpackConfig.NODE_ENV === 'production' ? false : false, // eslint-disable-line
     interpolation: {
       escapeValue: false
     },

src/store/index.js

@@ -17,7 +17,7 @@ const configureStore = (initialState) => {
     window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : (f) => f
   );
   const store = createStore(rootReducer, initialState, composedEnhancers);
-  if (process.env.NODE_ENV !== 'production' && module.hot) {
+  if (webpackConfig.NODE_ENV !== 'production' && module.hot) {
     // console.log("hot reducer reload"); // eslint-disable-line
     module.hot.accept('../reducers', () => {
       const nextRootReducer = require('../reducers/index');  // eslint-disable-line global-require

src/util/extensions.js

@@ -1,12 +1,12 @@
 
 const registry = (() => {
-  if (!process.env.EXTENSION_DATA) {
+  if (!webpackConfig.EXTENSION_DATA) {
     // console.log("no EXTENSION_DATA found");
     return {};
   }
 
-  const extensions = typeof process.env.EXTENSION_DATA === "string" ?
-    JSON.parse(process.env.EXTENSION_DATA) : process.env.EXTENSION_DATA;
+  const extensions = typeof webpackConfig.EXTENSION_DATA === "string" ?
+    JSON.parse(webpackConfig.EXTENSION_DATA) : webpackConfig.EXTENSION_DATA;
 
   Object.keys(extensions).forEach((key) => {
     if (key.endsWith("Component")) {

src/util/googleAnalytics.js

@@ -10,7 +10,7 @@ export const initialiseGoogleAnalyticsIfRequired = async () => {
   }
   importReactGa = import("react-ga");
   ReactGA = (await importReactGa).default;
-  if (process.env.NODE_ENV !== "production") {
+  if (webpackConfig.NODE_ENV !== "production") {
     // eslint-disable-next-line
     console.log("Not setting up Google Analytics as we are not in production mode");
     return;

webpack.config.js

@@ -65,12 +65,10 @@ const generateConfig = ({extensionPath, devMode=false, customOutputPath, analyze
   }
 
   /* plugins */
-  /* inject strings into the client-accessible process.env */
-  const pluginProcessEnvData = new webpack.DefinePlugin({
-    "process.env": {
-      NODE_ENV: devMode ? JSON.stringify("development") : JSON.stringify("production"),
-      EXTENSION_DATA: JSON.stringify(extensionData)
-    }
+  /* inject client-accessible variables */
+  const pluginClientVariables = new webpack.DefinePlugin({
+    "webpackConfig.NODE_ENV": devMode ? JSON.stringify("development") : JSON.stringify("production"),
+    "webpackConfig.EXTENSION_DATA": JSON.stringify(extensionData)
   });
   /* gzip everything - https://github.com/webpack-contrib/compression-webpack-plugin */
   const pluginCompress = new CompressionPlugin({
@@ -89,13 +87,13 @@ const generateConfig = ({extensionPath, devMode=false, customOutputPath, analyze
   const plugins = devMode ? [
     new LodashModuleReplacementPlugin(),
     new webpack.HotModuleReplacementPlugin(),
-    pluginProcessEnvData,
+    pluginClientVariables,
     new webpack.NoEmitOnErrorsPlugin(),
     pluginHtml,
     cleanWebpackPlugin
   ] : [
     new LodashModuleReplacementPlugin(),
-    pluginProcessEnvData,
+    pluginClientVariables,
     pluginCompress,
     pluginHtml,
     cleanWebpackPlugin