如何在由Expo创建的React本机应用中添加tailwind CSS /本地风向CSS？ 我最近使用命令创建了一个React Native应用： npx create-expo-app@最新 生成项目后，我注意到这样的文件夹结构： 文件夹结构图像 我的主要任务...

Question

生成了项目后，我注意到了这样的文件夹结构：

folder结构图像

我的主要问题是：

如何将尾风CSS或本地风向CSS添加到使用Expo创建的React本机应用程序？ npx npx create-expo-app@最新包含默认情况下包括babel.config.js？

如果不是，我该如何创建一个并正确配置为tailwind CSS /本机风格CSS？

1. 我到目前为止尝试过的步骤：
2. 我检查了

   babel.config.js

   ，但不存在。
我试图用

npx create-expo-app@latest

• npx create-expo-app --example with-nativewind
多次重新安装，但仍然没有babel.config.js.

任何将尾风CSS /本地风格CSS整合到我的React Antial应用程序中的任何指南都将不胜感激！

--example

→示例：

起动器的列表

→替代方案：interialwind

Answer 1

的启动和手动安装的教程

1. https：//www.nativewind.dev/getting-started/installation
是的，您是正确的：Expo处理幕后的

babel.config.js

，让您可以选择退出，只需在应用程序的根部创建自己的文件：

// babel.config.js (default)
module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};

// babel.config.js (nativewind)
module.exports = function (api) {
  api.cache(true);
  return {
    presets: [
      ["babel-preset-expo", { jsxImportSource: "nativewind" }],
      "nativewind/babel",
    ],
  };
};

→您还需要创建一个

metro.config.js如果决定手动安装本地风格，则该文件也通过幕后的博览会来处理，您可以通过创建自己的文件选择退出。

天然风