Skip to content

VPB Tailwind 配置

VitePress Blog 使用 Tailwind CSS,版本为 v4.1

VPB Tailwind 是使用使用 PostCSS 插件 tailwindcss 处理的

具体代码可以参考 vitepress-blogs-theme-template

在你的PostCSS配置中添加Tailwind

在你的PostCSS配置中添加Tailwind,有 2 种方式

方式1:postcss.config.mjs配置

在你的PostCSS配置中添加tailwindcss插件,示例如下:

postcss.config.mjs

js
export default {
  plugins: {
    "@tailwindcss/postcss": {},
  }
}

方式2:package.json配置

在你的 package.json 中添加 postcss 配置,示例如下:

package.json

json
{
  "postcss": {
    "plugins": {
      "@tailwindcss/postcss": {}
    }
  }
}

我只是尽力将工具做得更好,如果可以的话欢迎给一个 star ⭐