ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

vite tailwindcss配置

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(),]}
})

 

返回列表