vitepress 中集成 tailwind

install

yarn add -D tailwindcss autoprefixer postcss

code

./tailwind.config.js

module.exports = {
  content: ["./docs/.vitepress/**/*.{js,ts,vue}", "./docs/**/*.md"],
};

.vitepress/theme/index.css

@tailwind base;

@tailwind components;

@tailwind utilities;

.vitepress/theme/index.js

import "./tailwind.postcss";

import DefaultTheme from "vitepress/theme";

export default { ...DefaultTheme };

then enjoy tailwind

使用预设模板

template