如果有人有同样的问题，这是从doc。

## Class names must be spelled out

For Tailwind to work, your class names need to be spelled out. They can't be programmatically composed. So no "text-gray-#{grade}", only "text-gray-500".

Atm，我在tailwind.config.js中添加了一个动态变量列表，它工作正常，但您需要确保所有的动态变量都在那里。

purge: {
    safelist: [
     w-1/12,
     ....
    ],
  },

动态创建类是行不通的。

# application_helper.rb

def badge(text, color)
  tag.div text, class: "… bg-#{color}-500 …"
end

# show.html.erb

<%= badge('Completed', 'green') %>

这将不会在构建中生成bg-green-500类，因为构建过程只会扫描html.erb文件，而不会在处理它们时进行扫描，因此它永远不会看到bg-green-500类。

如果你知道你需要什么选项，你也可以在你的模板中添加动态类作为注解。我正在尝试这种方法，因为这样我的动态样式就在我使用它们的地方旁边。
这里Slim代码：

/ To force tailwind to recognize the dynamic styles to apply
/ .hidden.pl-2.pl-4.pl-6

尽管有注解，意味着没有呈现到HTML，Tailwind仍然很好地拿起它。

如果你能列出一个生成的动态类的完整列表，那么你可以在tailwind.config.js文件中将它们加入白名单。举例来说，假设你有一个erb文件，包含：

link_to 'Show', project_path, class: "text-#{color}-700"

您只需要列出动态生成的值，例如：

module.exports = {
  purge: {
    safelist: [
      'text-green-700',
      'text-red-700',
    ],
  },
}