vue3+vite使用 tailwindcss.css搭建

tailwindcss开发文档: https://www.tailwindcss.cn/
1.按照依赖

npm install -D tailwindcss postcss autoprefixer @tailwindcss/vite

2.在vite.config.ts中配置

import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    tailwindcss(),
    ......
  ]
})

3.在asstes文件下新建css文件tailwindcss.css

@import 'tailwindcss';

4.在main.js中引入

improt "./asstes/css/tailwindcss.css"

5.重新启动项目

npm run dev

测试代码: 

<div class="text-3xl font-bold underline">Hello World!</div>