refactor(rollup): use replace plugin before other plugins

rollup.config.js

@@ -36,6 +36,10 @@ export default [
       },
     ],
     plugins: [
+      replace({
+        __ENV__: JSON.stringify(processEnv),
+        __REACT_FLOW_VERSION__: JSON.stringify(pkg.version),
+      }),
       bundleSize(),
       postcss({
         minimize: isProd,
@@ -44,10 +48,7 @@ export default [
         exclude: 'node_modules/**',
         babelHelpers: 'runtime',
       }),
-      replace({
-        __ENV__: JSON.stringify(processEnv),
-        __REACT_FLOW_VERSION__: JSON.stringify(pkg.version),
-      }),
+
       svgr(),
       typescript({
         clean: true,

src/container/ReactFlow/index.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo, CSSProperties, HTMLAttributes, MouseEvent, WheelEvent } from 'react';
 import cc from 'classcat';
 
-const nodeEnv: string = __ENV__ as string;
+const nodeEnv: string = (typeof __ENV__ !== 'undefined' && __ENV__) as string;
 
 if (nodeEnv !== 'production') {
   const whyDidYouRender = require('@welldone-software/why-did-you-render');

src/store/index.ts

@@ -511,7 +511,7 @@ export const storeModel: StoreModel = {
   }),
 };
 
-const nodeEnv: string = __ENV__ as string;
+const nodeEnv: string = (typeof __ENV__ !== 'undefined' && __ENV__) as string;
 const store = createStore(storeModel, { devTools: nodeEnv === 'development' });
 
 export default store;