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