如何导入tailwindcss/colors？

Question

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

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

当我尝试添加带有 ; 或不带 ; 的代码时，它不起作用。

我意识到文件丢失了。

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

我指的是这些扩展的

非常感谢任何帮助！ :)

Answer 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 以查看更改。

如何导入tailwindcss/colors？

How to import tailwindcss/colors?

laravel

tailwind-css