vue3+ts+vite PurgeCSS 打包出现 error during build: Error: Dynamic require of "tailwindcss" is not supported

这个错误是因为 Vite 默认不支持动态导入 TailwindCSS。解决方案是使用 Vite 的插件 `vite-plugin-components` 来支持动态导入。你可以按照以下步骤来解决这个问题：

1. 安装 `vite-plugin-components`：

npm install vite-plugin-components -D

2. 在 `vite.config.ts` 中配置插件：

import { defineConfig } from 'vite'
import Components from 'vite-plugin-components'

export default defineConfig({
  plugins: [
    Components({
      // 你的 TailwindCSS 配置文件路径
      customComponentResolvers: [
        // `path` 是你的 TailwindCSS 配置文件路径
        // `extension` 是你的样式文件扩展名
        // `deep` 为 true 表示递归查找路径下的文件
        {
          path: 'path/to/tailwind.config.js',
          extension: 'vue',
          deep: true,
        },
      ],
    }),
  ],
})

3. 在 `main.ts` 中导入 TailwindCSS 样式文件：

import './index.css'

然后你就可以在项目中使用 TailwindCSS 了。