升级内容: - 添加 @tailwindcss/vite 依赖 (^4.1.18) - 更新 Tailwind 导入语法: @tailwind → @import "tailwindcss" - 在 Vite 配置中添加 tailwindcss() 插件 - 更新 package-lock.json 锁定文件 变更影响: - 优化 Tailwind CSS 构建性能 - 使用最新的 Tailwind v4 特性 - 简化 CSS 导入方式
24 lines
499 B
JavaScript
24 lines
499 B
JavaScript
import { defineConfig, loadEnv } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
|
|
export default defineConfig(({ mode }) => {
|
|
// 加载环境变量
|
|
const env = loadEnv(mode, process.cwd(), '')
|
|
|
|
return {
|
|
plugins: [vue(), tailwindcss()],
|
|
server: {
|
|
port: 3006,
|
|
open: true
|
|
},
|
|
define: {
|
|
// 将环境变量暴露给客户端
|
|
__APP_ENV__: JSON.stringify(env)
|
|
},
|
|
build: {
|
|
target: 'esnext'
|
|
}
|
|
}
|
|
})
|