chore: removing webpack, moving to expo metro

Author: lukewalczak

example/app.json

@@ -30,6 +30,9 @@
         "backgroundColor": "#6200EE"
       }
     },
+    "web": {
+      "bundler": "metro"
+    },
     "splash": {
       "image": "./assets/images/splash.png",
       "backgroundColor": "#6200EE",

example/babel.config.js

@@ -1,30 +1,17 @@
 const path = require('path');
+const { getConfig } = require('react-native-builder-bob/babel-config');
 
-const pak = require('../package.json');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
 
 module.exports = function (api) {
   api.cache(true);
 
-  return {
-    presets: ['babel-preset-expo'],
-    plugins: [
-      [
-        'module-resolver',
-        {
-          extensions: ['.tsx', '.ts', '.js', '.json'],
-          alias: {
-            [`${pak.name}/package.json`]: path.join(
-              __dirname,
-              '..',
-              'package.json'
-            ),
-            // For development, we want to alias the library to the source
-            [pak.name]: path.join(__dirname, '..', 'src'),
-          },
-        },
-      ],
-      ['@babel/plugin-proposal-export-namespace-from'],
-      ['react-native-reanimated/plugin'],
-    ],
-  };
+  return getConfig(
+    {
+      presets: ['babel-preset-expo'],
+    },
+    { root, pkg }
+  );
 };

example/metro.config.js

@@ -4,6 +4,7 @@ const { withMetroConfig } = require('react-native-monorepo-config');
 
 /** @type {import('metro-config').MetroConfig} */
 module.exports = withMetroConfig(getDefaultConfig(__dirname), {
+  isCSSEnabled: true,
   root: path.resolve(__dirname, '..'),
   dirname: __dirname,
 });

example/package.json

@@ -14,6 +14,7 @@
     "web": "EXPO_NO_TYPESCRIPT_SETUP=1 expo start --web"
   },
   "dependencies": {
+    "@expo/metro-runtime": "~5.0.4",
     "@expo/vector-icons": "^14.1.0",
     "@expo/webpack-config": "~19.0.1",
     "@pchmn/expo-material3-theme": "^1.3.2",

example/webpack.config.js

@@ -92,7 +92,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-native": "0.79.2",
-    "react-native-builder-bob": "^0.21.3",
+    "react-native-builder-bob": "^0.40.10",
     "react-native-safe-area-context": "5.4.0",
     "react-test-renderer": "19.0.0",
     "release-it": "^13.4.0",