在 Vue 3 中安装 Tailwind CSS 时，是否需要 postcss.config.js 文件？

【问题标题】：When installing Tailwind CSS in Vue 3, do I need a postcss.config.js file?在 Vue 3 中安装 Tailwind CSS 时，是否需要 postcss.config.js 文件？
【发布时间】：2021-11-05 13:41:05
【问题描述】：

我正在努力在 Vue 3 项目中安装 Tailwind CSS 2.2.10没有 Vite（所以 "Install Tailwind CSS with Vue 3 and Vite" 说明不适用)

在安装文档中，“Add Tailwind as a PostCSS plugin”部分内容如下：

将 tailwindcss 和 autoprefixer 添加到您的 PostCSS 配置中。最多当时这是你的根目录下的 postcss.config.js 文件项目，但也可以是 .postcssrc 文件，或postcss 键你的 package.json 文件。

我的 package.json 文件中的 "postcss": "^8.3.6", 是文档中提到的“postcss 密钥”（参见上面的粗体），还是我需要一个 postcss.config.js 文件？

谢谢！

【问题讨论】：

标签： vue.js vuejs3 tailwind-css

【解决方案1】：

不，package.json 文件中的"postcss": "^8.3.6" 不是文档中提到的“postcss 键” - 它是 postcss 依赖项的版本说明符。

“您的 package.json 文件中的 postcss 键”指的是 JSON 中的 postcss 根属性：

// package.json
{
  "name": "my-project",
  "version": "0.1.0",
  "dependencies": {
    /*...*/
  }, ?
  "postcss": {
    "plugins": {
      "tailwindcss": {},
      "autoprefixer": {},
    }
  }
}

如果您不想将配置存储在 package.json 中，您可以使用读取 PostCSS 配置的其他可能位置之一，包括 postcss.config.js。但是，您不需要多个 PostCSS 配置文件（例如，postcss.config.js 以及 package.json 中的 postcss 键）。

【讨论】：