React-native-rn 顺风不生成 tailwind.json

Question

我遵循了安装 react-native-rn 的所有步骤。

一开始一切正常，但是当我将 input.css 移动到 src/css/input.css 时，它只生成 src/css/tailwind.css，而不是 src/css/tailwind.json 文件

我确实修改了 package.json 处的行，所以它们看起来像这样。

"build:tailwind": "tailwindcss --input ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer && tailwind-rn",

"dev:tailwind": "concurrently \"tailwindcss -i ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer --watch\" \"tailwind-rn --watch\""

这基本上就是我的目录的样子（我将文件夹隐藏为 node_modules、android 等）

Answer 1

在 package.json 中任一命令的末尾，您会看到它们都有 tailwind-rn，基本上命令的作用是：获取此文件（tailwind.css) 并将其编译为 (tailwind.json)

因此，因为您更改了路径，所以默认值 (react-native-rn --input tailwind.css --output tailwind.json) 不起作用。

在命令末尾手动添加react-native-rn --input path/to/the/generated/css.css --output path/to/where/you/want/your/json.json

在这个例子中，这将是：
-i 等于 --input，-o 等于 --ouput

"build:tailwind": "tailwindcss --input ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer && tailwind-rn -i ./src/css/tailwind.css -o ./src/css/tailwind.json",

"dev:tailwind": "concurrently \"tailwindcss -i ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer --watch\" \"tailwind-rn -i ./src/css/tailwind.css -o ./src/css/tailwind.json\""

还记得编辑 App.js 导入

//from
import utilities from './tailwind.json';

//to
import utilities from './src/css/tailwind.json';

React-native-rn 顺风不生成 tailwind.json

React-native-rn tailwind doesn't generate tailwind.json

reactjs

react-native

tailwind-css