“如何为现有 React 项目的单个页面安装 Tailwind CSS？”

Question

我需要帮助将 Tailwind CSS 集成到现有的 React 项目中，而不替换现有的 style.css。我只想将 Tailwind CSS 应用于我正在创建的新“联系我们”页面。我熟悉 Tailwind CSS，但之前没有在现有项目中使用过它。任何帮助，将不胜感激。谢谢！

Answer 1

在 Tailwind 配置文件中，您必须添加可以使用 Tailwind 的文件夹。如果你想在特定页面上使用 Tailwind，那么你可以这样做：

export default {
  content: [
    "./contact-us-page-location",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

在内容中您可以指定要在何处使用 Tailwind CSS。

默认为：

 content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],