¿Cómo agregar una extensión en metro.config.js para Metro Bundler?

Solución:

Encontré la respuesta sobre cómo incluir los valores predeterminados aquí: https://stackoverflow.com/a/55118654/844907.

/**
 * Metro configuration for React Native
 * https://github.com/facebook/react-native
 *
 * @format
 */

// get defaults assetExts array
const defaultAssetExts = require("metro-config/src/defaults/defaults").assetExts;

module.exports = {
    transformer: {
        getTransformOptions: async () => ({
            transform: {
                experimentalImportSupport: false,
                inlineRequires: false,
            },
        }),
    },
    resolver: {
        assetExts: [
            ...defaultAssetExts, // <- array spreading defaults
            'md'
        ]
    }
};

Otra forma de hacer esto es usar la misma sintaxis que react-native-svg-transformer

1. Hacer que metro.config.js sea asincrónico
2. llamar al getDefaultConfig
3. Saque la tecla assetExts

Ejemplo

const { getDefaultConfig } = require('metro-config')

module.exports = (async () => {
    const {
        resolver: { assetExts },
    } = await getDefaultConfig()
    return {
        transformer: {
            getTransformOptions: async () => ({
                transform: {
                    experimentalImportSupport: false,
                    inlineRequires: false,
                },
            }),
        },
        resolver: {
            assetExts: [...assetExts, 'md'],
        },
    }
})()

---

---

Utiliza Nuestro Buscador