68 lines
2.0 KiB
JavaScript
68 lines
2.0 KiB
JavaScript
// Learn more: https://docs.expo.dev/guides/monorepos/
|
|
const { getDefaultConfig } = require("expo/metro-config");
|
|
const { FileStore } = require("metro-cache");
|
|
const { withUniwindConfig } = require("uniwind/metro");
|
|
|
|
const path = require("path");
|
|
|
|
const config = withTurborepoManagedCache(
|
|
withMonorepoPaths(
|
|
withUniwindConfig(getDefaultConfig(__dirname), {
|
|
cssEntryFile: "./src/assets/styles/globals.css",
|
|
}),
|
|
),
|
|
);
|
|
|
|
const { transformer, resolver } = config;
|
|
|
|
config.transformer = {
|
|
...transformer,
|
|
babelTransformerPath: require.resolve("react-native-svg-transformer/expo"),
|
|
};
|
|
config.resolver = {
|
|
...resolver,
|
|
assetExts: resolver.assetExts.filter((ext) => ext !== "svg"),
|
|
sourceExts: [...resolver.sourceExts, "svg"],
|
|
};
|
|
|
|
module.exports = config;
|
|
|
|
/**
|
|
* Add the monorepo paths to the Metro config.
|
|
* This allows Metro to resolve modules from the monorepo.
|
|
*
|
|
* @see https://docs.expo.dev/guides/monorepos/#modify-the-metro-config
|
|
* @param {import('expo/metro-config').MetroConfig} config
|
|
* @returns {import('expo/metro-config').MetroConfig}
|
|
*/
|
|
function withMonorepoPaths(config) {
|
|
const projectRoot = __dirname;
|
|
const workspaceRoot = path.resolve(projectRoot, "../..");
|
|
|
|
// #1 - Watch all files in the monorepo
|
|
config.watchFolders = [workspaceRoot];
|
|
|
|
// #2 - Resolve modules within the project's `node_modules` first, then all monorepo modules
|
|
config.resolver.nodeModulesPaths = [
|
|
path.resolve(projectRoot, "node_modules"),
|
|
path.resolve(workspaceRoot, "node_modules"),
|
|
];
|
|
|
|
return config;
|
|
}
|
|
|
|
/**
|
|
* Move the Metro cache to the `.cache/metro` folder.
|
|
* If you have any environment variables, you can configure Turborepo to invalidate it when needed.
|
|
*
|
|
* @see https://turbo.build/repo/docs/reference/configuration#env
|
|
* @param {import('expo/metro-config').MetroConfig} config
|
|
* @returns {import('expo/metro-config').MetroConfig}
|
|
*/
|
|
function withTurborepoManagedCache(config) {
|
|
config.cacheStores = [
|
|
new FileStore({ root: path.join(__dirname, ".cache/metro") }),
|
|
];
|
|
return config;
|
|
}
|