在create-react-app v5中更改tailwindCSS配置路径

Question

我的项目根目录是"./src"我目前使用的是tailwindCSS v2我尝试将tailwindCSS升级到最新版本(3.0.24)，但由于无法更改配置文件路径而失败。

这是我的postcss.config.js文件:

module.exports = {
plugins: {
tailwindcss: { config: "./src/tailwind.config.js" },
autoprefixer: {},
},
};

在v2中一切工作完美，但当我升级时，我看到tailwindCSS不再工作-除非我将配置文件放在项目的实际根目录(而不是。/src)) .

问题是我不想把它放在根目录，而是。/src dir.

我听说CRA v5与postCSS插件有一些问题，但我现在应该如何使用不同的位置?

有解决方案吗?

我真的需要这个，因为我想直接从配置文件导入一些样式，它不允许我使用更低的目录。我希望能够像这样导入配置:

import theme from "./tailwind.config.js"

并使用它

Thanks in advance

Answer 1

创建两个tailwind.config.js文件，一个在根目录下，一个在src目录下

// src/tailwind.config.js
module.exports = {
content: [],
theme: {
extend: {},
},
plugins: [],
};

和

// tailwind.config.js
const tailwindConfig = require("./src/tailwind.config");
module.exports = tailwindConfig;