能否向Tailwind V1构建bundle中手动添加自定义CSS规则？

• 无需创建独立CSS文件引入，所有自定义规则可直接写在现有tailwind.config.js配置中，构建时会自动合并到最终生成的Tailwind bundle里。
• 配置位置：在配置导出对象的plugins字段中添加内联插件函数，根据你要写入的样式类型，调用插件API提供的对应方法即可：
  • 写入全局基础样式（如根标签默认样式、CSS全局变量等）：使用addBase方法
  • 写入自定义组件类样式（如封装的按钮、卡片通用类）：使用addComponents方法
  • 写入自定义工具类样式（和Tailwind自带工具类同优先级的原子类）：使用addUtilities方法
• 配置示例如下，你原有的theme、variants等配置完全不需要改动，只需要补充plugins部分的内容即可：

// 现有tailwind.config.js
module.exports = {
  // 你原来的theme、variants等所有配置保持不动
  theme: {
    extend: {
      // 原有主题扩展配置
    }
  },
  variants: {
    // 原有变体配置
  },
  // 在plugins数组中追加内联插件写自定义样式
  plugins: [
    function({ addBase, addComponents, addUtilities }) {
      // 示例：追加全局基础样式
      addBase({
        'html': {
          'scroll-behavior': 'smooth'
        },
        'img': {
          'max-width': '100%'
        }
      })

      // 示例：追加自定义组件类
      addComponents({
        '.card-custom': {
          background: '#fff',
          borderRadius: '8px',
          padding: '16px',
          boxShadow: '0 2px 8px rgba(0,0,0,0.08)'
        }
      })

      // 示例：追加自定义工具类，第二个参数可配置支持的变体
      addUtilities({
        '.text-balance': {
          'text-wrap': 'balance'
        }
      }, ['responsive', 'hover'])
    }
  ]
}

样式插入顺序和Tailwind默认规则层级完全对齐：base样式插入到默认基础样式后、组件样式前，组件样式插入到默认组件样式后、工具类前，工具类插入到默认工具类末尾，不会出现自定义样式优先级异常被覆盖的问题。

内容的提问来源于stack exchange，提问作者Roger Heathcote