Javascript 不符合顺风自定义颜色

在

npm启动（craco启动）

但是，当运行

npm运行构建（craco构建）

时，只编译每个配置的一种颜色，

dallas

来自

theme.textColor

和

vistawhite

来自

theme.gradientColorStops

我试过：

• 重新排序

  主题.textColor

  属性
• 删除

  node\u模块

  和

  npm i

• 删除

  生成

  并重新生成

//craco.config.js
module.exports={
风格：{
邮政编码：{
插件：[require（'tailwindcss'）、require（'autoprefixer'）]，
},
},
};

//tailwind.config.js
module.exports={
清除：['./src/***.{js，jsx，ts，tsx}'，'./public/index.html']，
暗模式：false、//或“媒体”或“类”
主题：{
扩展：{}，
textColor：（主题）=>({
…主题（“颜色”），
达拉斯：“#664A2D”，
“蓝色木炭”：“24292E”，
牛仔布：“0D66C2”，
“春绿”：“05E776”，
火烈鸟：“E65A4D”，
}),
gradientColorStops：（主题）=>({
…主题（“颜色”），
“vista白色”：“E1DFDC”，
}),
},
变体：{
扩展：{}，
},
插件：[]，
};

您应该将文本颜色更改为颜色

module.exports = {
  theme: {
    colors: {
      // Configure your color palette here
    }
  }
}

---

要自定义Tailwind中的文本颜色，需要如下配置Tailwind.config.js

module.exports = {
  theme: {
    textColor: {
      'primary': '#3490dc',
      'secondary': '#ffed4a',
      'danger': '#e3342f',
    }
  }
}

有关更多信息，请参阅尾风。

感谢您指出问题：

---

清除将无法识别您对此类的使用。看见特别是“不要使用字符串连接来创建类名”。清除在任何方面都不是“智能”的，它通过将实用程序与整个模板中的类（或任何字符串）相匹配来工作

一种可能的解决方案是将要清除的类添加到

purge.safelist

：

//tailwind.config.js
module.exports={
//添加了安全列表
清除：{
内容：['./src/***.{js，jsx，ts，tsx}'，'./public/index.html']，
选项：{
安全列表：[“悬停：文本蓝色木炭”、“悬停：文本牛仔”、“悬停：文本春天绿色”、“悬停：文本火烈鸟”]，
},
},
暗模式：false、//或“媒体”或“类”
主题：{
扩展：{}，
textColor：（主题）=>({
…主题（“颜色”），
达拉斯：“#664A2D”，
“蓝色木炭”：“24292E”，
牛仔布：“0D66C2”，
“春绿”：“05E776”，
火烈鸟：“E65A4D”，
}),
gradientColorStops：（主题）=>({
…主题（“颜色”），
“vista白色”：“E1DFDC”，
}),
},
变体：{
扩展：{}，
},
插件：[]，
};

听起来好像你的风格正在被清除。“你真的在加分吗？是的，我是，”乔治。IntelliSense也在VSCode中显示它们。您可以在此处查看网站（

hover:denim

在我的linkedin图标上）：源代码：Purge将不会识别您使用此类。看见特别是“不要使用字符串连接来创建类名”。Purge在任何方面都不是“智能”的，它通过在模板中将实用程序与类（或任何字符串）匹配来工作。非常感谢@George！您是否建议使用

安全列表：['bg-red-500'，'px-4']，

选项？或者重构我的

IContact.color

以使用

text牛仔服装

，而不是

牛仔服装

（我认为这不合适？）？哦，我认为它可以：