vite集成windicss 写页面体验飞一般的感觉

在vite项目中安装

安装相关包

npm i -D vite-plugin-windicss windicss

vite配置中添加插件

import WindiCSS from 'vite-plugin-windicss'

export default {
  plugins: [
    WindiCSS(),
  ],
}

vite入口文件中导入virtual:windi.css

import 'virtual:windi.css'

windicss文档

windicss