相关疑难解决方法(0)

我正在尝试使用 Metro 为我的本机项目添加多个解析器和转换器，如何将它们组合到我的 Metro.config.js 文件中？

背景：我想让 sass 转换器和 svg 转换器都能工作。

我已经分别尝试了这些配置，这似乎有效，但我对如何将它们组合在一起使它们同时工作感到困惑。我假设它们需要在同一个 module.exports 中，因为当它们都在同一个文件中时，我的 svg 会出错

这些是我试图结合的配置：

module.exports = (async () => {
  const {
    resolver: { sourceExts, assetExts }
  } = await getDefaultConfig();
  return {
    transformer: {
      babelTransformerPath: require.resolve("react-native-svg-transformer")
    },
    resolver: {
      assetExts: assetExts.filter(ext => ext !== "svg"),
      sourceExts: [...sourceExts, "svg"]
    }
  };
})();

module.exports = (async () => {
  const {
    resolver: { sourceExts }
  } = await getDefaultConfig();
  return {
    transformer: {
      babelTransformerPath: require.resolve("react-native-sass-transformer")
    },
    resolver: {
      sourceExts: …