如题,项目中配置了prefixCl,但是message、modal.confirm等组件不会把.ant-前缀变成.oooAnt,
css: {
loaderOptions: {
less: {
javascriptEnabled: true,
modifyVars: {
prefixCl: 'oooAnt',
'@ant-prefix': 'oooAnt',
....
原因就是message、modal.confirm等默认不在项目代码内,是动态创建的dom,动态创建的dom无法在webpack编译时候检测到。所以不生效
解决:
全局引入message的ant-design-vue中的message组件的css,路径import 'ant-design-vue/es/message/style/index.css'
创建一个less文件,文件内容是ant-design-vue中的message组件的css,引入到项目内