antd/vite修改theme颜色

2023-07-30  本文已影响0人  JakeBless

全局引入css的时候,请引入antd的less

import {defineConfig} from 'vite'
import react from '@vitejs/plugin-react'
import { resolve } from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  base: './',
  plugins: [react()],
  resolve: {
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, './src'),
      }
    ]
  },
  css: {
    //* css模块化
    modules: { // css模块化 文件以.module.[css|less|scss]结尾
      generateScopedName: '[name]__[local]___[hash:base64:5]',
      hashPrefix: 'prefix',
    },
    //* 预编译支持less
    preprocessorOptions: {
      less: {
        // 支持内联 JavaScript
        javascriptEnabled: true,
        modifyVars: { //在这里进行主题的修改,参考官方配置属性
          'primary-color': '#2E4CE5',
        },
      },
    }
  },
  server: {
    host: '0.0.0.0',
    port: 8080,
    proxy: {
      '/authory': {
        target: 'xxxxxx/',
        changeOrigin: true,
      },
    }
  },
})
上一篇下一篇

猜你喜欢

热点阅读