全局引入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,
},
}
},
})
网友评论