由于 Tailwind CSS 默认使用 Tree Shaking 机制，只保留项目中使用到了的类，所以 npm 组件库中写的模板类不会被使用。

对于这个问题，其实没有比较好的解决办法……

我的解决办法是这样的：让 Tailwind CSS 把组件库扫描一下，保留里面用到的模板类。

创建一个 tailwind.config.js 配置文件：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './index.html',
    './src/**/*.{vue,js,ts}',
    './node_modules/vue-window/dist/**/*.{vue,js,ts}', // 这一行
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

然后在你用到的 css 文件里面加一行，把这个配置文件导入进来，这种做法适合 Tailwind v4：

@config "../../tailwind.config.js";

目前还不知道这种做法是否支持自定义的高级类。