react native web, DEV not defined

Question

If you want to share code between RN and RN-web, __DEV__ should also be provided in the both platform.

However I can't add DEV using const __DEV__ = process.env.NODE_ENV !== 'production'; new webpack.DefinePlugin({__DEV__})

I can set window.__DEV__ fine, but RN code uses __DEV__

I've also tried adding module:metro-react-native-babel-preset

I've seen React Native - __DEV__ is not defined

/* global __DEV__ */ works, but hope there's a way to fix it without modifying all source which uses __DEV__

KingAmo · Accepted Answer · 2021-08-23 05:26:33Z

6

in your webpack.config.js, add this:

  plugins: [
    // `process.env.NODE_ENV === 'production'` must be `true` for production
    // builds to eliminate development checks and reduce build size. You may
    // wish to include additional optimizations.
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
      __DEV__: process.env.NODE_ENV !== 'production' || true,
    }),
  ],

see https://medium.com/@alexander.forselius/experiment-combining-native-web-ios-android-and-macos-development-in-rectnative-part-1-ecd5887e9cfc

edited Aug 23, 2021 at 5:26

answered Jun 10, 2020 at 7:18

KingAmo

4341 gold badge5 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

a.malyushko Over a year ago

it seems there is a mistake that came from the blog post, I guess the condition must be: __DEV__: process.env.NODE_ENV !== 'production'

user3087615 · Accepted Answer · 2021-03-26 16:10:41Z

1

I solved it by making it depend on the webpack mode input.

In webpack.config.js:

const config = {
  ...
  plugins: [],
  ...
}

module.exports = (env, argv) => {
  config.plugins.push(new webpack.DefinePlugin({
    __DEV__: JSON.stringify(argv.mode !== 'production'),
  }));

  return config;
};

answered Mar 26, 2021 at 16:10

user3087615

3951 gold badge3 silver badges12 bronze badges

Collectives™ on Stack Overflow

react native web, DEV not defined

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related