在Sass和JS代码之间共享变量[Expo / React-Native]

Question

我们的团队正在使用expo构建应用程序，为简便起见，我们目前不希望退出。我们在React Native应用程序中使用了sass模块，到目前为止一切都很好。我有一个非常棘手的问题，我不确定这里的任何人都可以使用以下条件来解决。

我想在js代码和我的sass代码之间共享变量。为什么？因为我们使用了一些需要大小道具的组件（不能用sass设置样式），并且我们希望有一个唯一的大小来源真相（在sass和js之间）。

我感觉那里有图书馆。我不需要Webpack解决方案，因为我不想弹出。我确实有一个rn-cli.config.js文件，看起来像这样：

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

module.exports = (async () => {
  const {
    resolver: { sourceExts }
  } = await getDefaultConfig()
  return {
    transformer: {
      babelTransformerPath: require.resolve('react-native-sass-transformer')
    },
    resolver: {
      sourceExts: [...sourceExts, 'scss', 'sass']
    }
  }
})()

如果这里有人可以帮助我们，我们会将您的姓名记入该应用的赠送金额中。

狗的祝福。