直接使用AntDesignVuePro项目进行开发时，本地主题设置在src->config->defaultSetting.js文件中，设置后本地使用正常，使用npm run build打包项目后， 发现主题色又变回了原本的蓝色。
解决方案：
需要在vue.config.js文件中修改如下内容
css: {
loaderOptions: {
less: {
modifyVars: {
'primary-color': '#A71704', // 修改此处的颜色值
'link-color': '#A71704',
'border-radius-base': '2px'
},
// DO NOT REMOVE THIS LINE
javascriptEnabled: true
}
}
},
这里的设置会让打包的参数使用这里的进行替代。参考官网，需要注意的是，这里的配置在本地运行的时候不会生效，本地生效还是需要在src->config->defaultSetting.js中进行配置。
网友评论