如何在Metro.config.js中为Metro Bundler附加扩展名？

Question

我试图在markdown不增加过多开销的情况下捆绑文件（即，不使用第三方依赖关系，不将它们手动添加到Xcode和Android Studio中的资产捆绑包中）。

我的想法是require()通过调整Metro bundler的设置来包括它们metro.config.js：

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

module.exports = {
    transformer: {
        getTransformOptions: async () => ({
            transform: {
                experimentalImportSupport: false,
                inlineRequires: false,
            },
        }),
    },
    resolver: {
        assetExts: [`md`] // < include md
    }
};

可悲的是，地铁捆绑器将给定默认值的数组替换为此处设置的值。

我不想明确地重复默认资产扩展名列表，该列表列出了大约20多个文件扩展名，尤其是因为我想坚持默认设置。请参阅：https://github.com/facebook/metro/blob/master/packages/metro-config/src/defaults/defaults.js。

追加到数组也不起作用。

使用RN 0.59.3。

我有什么想念的吗？

Answer 1

在此处找到有关如何包括默认值的答案：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'
        ]
    }
};