vue3 vite tailwindcss配置

1. 安装tailwindcss依赖

yarn add tailwindcss @tailwindcss/vite

2.新建css文件引入tailwindcss

//assets/styles/tailwind.css

@import 'tailwindcss';

3.main.js引入css文件

import './assets/styles/tailwind.css'

4.配置vite.config.js

import { defineConfig, loadEnv } from 'vite'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig((mode, command) => {
  return {
    plugins: [
      tailwindcss(),
    ]
  }
})