美文网首页
antd/vite修改theme颜色

antd/vite修改theme颜色

作者: JakeBless | 来源:发表于2023-07-30 15:17 被阅读0次

    全局引入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,
          },
        }
      },
    })
    

    相关文章

      网友评论

          本文标题:antd/vite修改theme颜色

          本文链接:https://www.haomeiwen.com/subject/ursspdtx.html