如何导入tailwindcss/颜色？答案

【问题标题】：How to import tailwindcss/colors?如何导入tailwindcss/颜色？
【发布时间】：2021-05-06 10:01:18
【问题描述】：

我正在尝试使扩展托盘按此处的大纲工作 https://tailwindcss.com/docs/customizing-colors#color-palette-reference

我已经安装了tailwind，但只有默认颜色。

当我尝试使用; 添加代码或不使用它时都不起作用。

我意识到文件丢失了。

你如何得到这个文件？我知道我有顺风的工作，因为常规的配色方案和所有其他功能都有效。我似乎无法让自定义颜色起作用，如果我能阻止它，我真的不想手动添加所有颜色，哈哈

我指的是这些扩展的

非常感谢任何帮助！ :)

【问题讨论】：

标签： laravel tailwind-css

【解决方案1】：

在您的 node_modules 文件夹内有两个 Tailwindcss 文件夹

@tailwindcss
tailwindcss

这两个文件夹指的是你的package.json中的包

{
  // .. other stuff

  "devDependencies": {
        "@tailwindcss/forms": "^0.2.1",
        "@tailwindcss/typography": "^0.3.0",
        // ... other packages
        "tailwindcss": "^2.0.1"
    }
}

在tailwindcss 文件夹中，您可以找到一个colors.js 文件，该文件是在您的tailwind.config.js 中导入的文件

const colors = require('tailwindcss/colors');

module.exports = {
  theme: {
    extend: {
      colors: {
        // Colors you want to add go here
        rose: colors.rose,
        cyan: colors.cyan
      }
    }
  }
}

这里我通过使用theme 中的extend 节点来扩展已经包含的颜色。

最后，运行 npm run dev 并重新加载或删除您的网络浏览器的 cookie 以查看更改。

【讨论】：

非常感谢您的帮助！我是顺风的新手>。