webpack.config.js

/* eslint-disable @typescript-eslint/no-var-requires */
const path = require('path')
const fs = require('fs')
const createExpoWebpackConfigAsync = require('@expo/webpack-config')
const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin')

const node_modules = path.resolve(__dirname, '../..', 'node_modules')
const packages = path.resolve(__dirname, '../..', 'packages')

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv)

  config.context = path.resolve(__dirname, '../..')

  config.module.rules.push({
    test: /\.(js|ts|tsx)$/,
    include: /(packages|example)\/.+/,
    exclude: /node_modules/,
    use: 'babel-loader',
  })

  config.resolve.plugins = config.resolve.plugins.filter(
    (p) => !(p instanceof ModuleScopePlugin)
  )

  Object.assign(config.resolve.alias, {
    react: path.resolve(node_modules, 'react'),
    'react-native': path.resolve(node_modules, 'react-native-web'),
    'react-native-web': path.resolve(node_modules, 'react-native-web'),
    '@expo/vector-icons': path.resolve(node_modules, '@expo/vector-icons'),
  })

  fs.readdirSync(packages)
    .filter((name) => !name.startsWith('.'))
    .forEach((name) => {
      config.resolve.alias[
        name === 'dripsy' ? 'dripsy' : `@dripsy/${name}`
      ] = path.resolve(
        packages,
        name,
        require(`../../packages/${name}/package.json`).source
      )
    })

  return config
}