babelrc and webpack for react native web

.babelrc

{
  "presets": [
    [
      "@nrwl/react/babel",
      {
        "runtime": "automatic"
      }
    ]
  ],
  "plugins": [["react-native-web", { "commonjs": true }]]
}

webpack.config.js

const getWebpackConfig = require('@nrwl/react/plugins/webpack');

function getCustomWebpackConfig(webpackConfig) {
  const config = getWebpackConfig(webpackConfig);

  config.resolve.alias = {
    'react-native': 'react-native-web',
  };

  config.module.rules.push({
    test: /\.(js|jsx)$/,
    exclude: /node_modules[/\\](?!react-native-vector-icons)/,
    use: {
      loader: require.resolve('@nrwl/web/src/utils/web-babel-loader.js'),
      options: {
        presets: [
          [
            '@nrwl/react/babel',
            {
              runtime: 'automatic',
            },
          ],
        ]
      },
    },
  });

  return config;
}

module.exports = getCustomWebpackConfig;