在react中使用windicss的问题_React

yarn add windicss-webpack-plugin -D
# npm i windicss-webpack-plugin -D

npm install @craco/craco

// craco.config.js 
 
const WindiCSSWebpackPlugin = require('windicss-webpack-plugin')
 
module.exports = {
  // ...
  webpack: {
    plugins: {
      add: [
        new WindiCSSWebpackPlugin({
          virtualModulePath: 'src',
        }),
      ],
    },
  },
}

// package.json 
 
"scripts": {
  - "start": "react-scripts start",
  - "build": "react-scripts build",
  - "test": "react-scripts test",
  - "eject": "react-scripts eject"
 
  + "start": "craco start",
  + "build": "craco build",
  + "test": "craco test",
  + "eject": "craco eject"

import './virtual:windi.css'

// windi.config.js 
 
import { defineConfig } from 'windicss/helpers'
 
export default defineConfig({
  extract: {
    include: ['**/*.{jsx,js,css,html}'],
    exclude: ['node_modules', '.git', '.next'],
  },
})