javascript - 扩展 ReactNative 的平台特定扩展？

Question

是否可以挂接到 React-Native 的平台特定扩展以使用自定义扩展？

以同样的方式你可以区分 .ios.js 和 .android.js，有没有办法定义自定义扩展 .xyz.js。 (相当于 webpack 的 resolve.extensions )

Answer 1

您可以像这样在项目根目录中覆盖 rn-cli.config.js 中的原始 bundler 配置:

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

module.exports = (async () => {
  const {
    resolver: {
      sourceExt
    }
  } = await getDefaultConfig()

  return {
    resolver: {
      sourceExts: ['xyz.js', ...sourceExts]
    }
  }
})()

bundler documentation建议使用 platforms 属性而不是 sourceExt，但不幸的是，我还没有运气(很可能是因为实际的目标平台仍然是 ios 或 `android，因此 RN 将使用那个而不是我们的)。

sourceExts 扩展的不是平台列表本身，而是扩展列表，类似于 ['js', 'json', 'ts', 'tsx'] 默认情况下。如果我们像 ['xyz.js', 'js', 'json', 'ts', 'tsx'] 那样扩展它，RN 将选择 *.xyz.js，如果存在，首先。