REACT-Native-Rn顺风不产生尾风.json [英] React-native-rn tailwind doesn't generate tailwind.json

问题描述

我按照安装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等文件夹)

推荐答案

在package.json中的任何一个命令的末尾，您都会看到它们都有tailwind-rn，基本上该命令所做的是：获取此文件(trawind.css)并将其编译为(trawind.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等于--输入，-o等于--输出

"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""

这篇关于REACT-Native-Rn顺风不产生尾风.json的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！