spinjs/src/plugins/ReactNativeWebPlugin.ts

<p align="center"><a href="#"><img width="150" src="https://rawgit.com/sysgears/jsapp/master/packages/spinjs/logo.svg"></a></p>

import { Builder } from '../Builder';
import { ConfigPlugin } from '../ConfigPlugin';
import Spin from '../Spin';

export default class ReactNativeWebPlugin implements ConfigPlugin {
  public configure(builder: Builder, spin: Spin) {
    const stack = builder.stack;

    if (stack.hasAll(['react-native-web', 'webpack']) && stack.hasAny(['server', 'web'])) {
      builder.config = spin.merge(builder.config, {
        resolve: {
          alias: {
            'react-native': 'react-native-web'
          }
        }
      });

      if (stack.hasAny('server')) {
        const originalExternals = builder.config.externals;
        builder.config.externals = (context, request, callback) => {
          if (request.indexOf('react-native') >= 0) {
            return callback(null, 'commonjs ' + request + '-web');
          } else {
            return originalExternals(context, request, callback);
          }
        };
      }
    }
  }
}