React学习系列(七)：React Vite安装windicss

1.安装

 npm install windicss vite-plugin-windicss -D

2.配置vite.config.js

import { defineConfig } from 'vite'
import path from "path";
import WindiCSS from 'vite-plugin-windicss'

// https://vitejs.dev/config/
export default defineConfig({
  // plugins: [react()],
  plugins: [
    WindiCSS(),
  ],
  resolve: {
    alias: [   
      {find: "@", replacement: path.resolve(__dirname, "src/")},
    ],
  },
})

3.配置main.js

import "virtual:windi.css";

或

import "virtual:windi.css";
import "virtual:windi-base.css";
import "virtual:windi-components.css";
import "virtual:windi-utilities.css";

其他更多配置参考官网： www.w3cschool.cn/hixdf/hixdf…