如何使用 expo 安装和配置 react-native-sass-transformer

Question

我需要安装和配置 Saas 而不是 react-native 样式表。 我还需要更改样式道具而不是 className。

我已经完成了这些步骤，但它没有按我的预期工作。 它在样式道具内部工作。 我想使用 className 道具。

1. npm install --save-dev react-native-sass-transformer node-sass

2. 将此添加到项目根目录中的 metro.config.js

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

3. 如果您使用的是 Expo，您还需要将此添加到 app.json

  "expo": {
    "packagerOpts": {
      "config": "metro.config.js",
      "sourceExts": ["js", "jsx", "scss", "sass"]
    }
  }
}

Answer 1

如何配置反应原生 sass 变压器

javascript： https://github.com/najathi/expo-sass-transformer-js

typescript： https://github.com/najathi/expo-sass-transformer-ts