Documentation: expo SDK 51 does not seem to support webpack. Switch to metro

[cleemesser]

Documentation: expo SDK 51 does not seem to support webpack. It looks like migration to metro is required.

[cleemesser]

This seems to work for me. (My first attempt at translating the webpack instructions to metro without being very familiar with either!)

create metro.config.js in the root of the project. And add the

// Learn more https://docs.expo.io/guides/customizing-metro
const { getDefaultConfig } = require('expo/metro-config');

/** @type {import('expo/metro-config').MetroConfig} */
const config = getDefaultConfig(__dirname);

const ALIASES = {
    'react-native': 'react-native-web',
    'react-native-webview': '@10play/react-native-web-webview'
};

/**
 * This maps moduleName: string -> newmoduleName: string given co
 * @param {T} context 
 * @param {string} moduleName 
 * @param {string} platform   in {"web", ... }
 * @returns 
 */
config.resolver.resolveRequest = (context, moduleName, platform) => {
    // Ensure you call the default resolver.
    if (platform === 'web') {
        return context.resolveRequest(
            context,
            // Use an alias if one exists.
            ALIASES[moduleName] ?? moduleName,
            platform
        );
    } 
    return context.resolveRequest(context, moduleName, platform);

};
module.exports = config;