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

然后使用它。

提前致谢

Answer 1

创建2个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;