spinjs/src/plugins/ReactNativeWebPlugin.ts

[](https://gitter.im/sysgears/spinjs?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [![npm version](https://badge.fury.io/js/spi

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);
          }
        };
      }
    }
  }
}