在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 目录下。

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

这个问题是否有解决方案？

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

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

并使用它。

提前感谢。

- Or Nakash

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;

- Salehi