Tailwind Missing

Tailwindcss 动态生成类名失效

用的reactjs和JedWatson/classnames这个包做一个随时间变化颜色的功能

  const [colorCls, setColorCls] = useState<string>('green-400')
  <span className={classNames('text-base font-extrabold', `text-${colorCls}`)}></span>
  <div className={classNames('p-4', `bg-${colorCls}`)}></span>

类名正常生成了，但是css没生成，因为tailwindcss不支持动态生成的，即使开了jit模式也不行，必须在构建的时候被扫描到才行。

只能写全类名或者定义一个临时变量保存所有可能类名了

代码笔记