Demonstrate how to replace __DEV__ with false in production builds (#51)

apollographql · Jul 29, 2021 · 3a071a0 · 3a071a0
1 parent 000496b
commit 3a071a0
Show file tree

Hide file tree

Showing 3 changed files with 90 additions and 1 deletion.
diff --git a/config-overrides.js b/config-overrides.js
@@ -0,0 +1,14 @@
+const {
+  override,
+  addWebpackPlugin,
+} = require("customize-cra");
+
+const webpack = require("webpack");
+
+module.exports = override(
+  addWebpackPlugin(
+    new webpack.DefinePlugin({
+      __DEV__: JSON.stringify(process.env.NODE_ENV !== "production"),
+    }),
+  ),
+);
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,11 +10,13 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
+    "customize-cra": "^1.0.0",
+    "react-app-rewired": "^2.1.8",
     "react-scripts": "^4.0.3"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "react-app-rewired build",
     "test": "react-scripts test --env=jsdom"
   },
   "browserslist": [