第一步:// 在 babel.config.js 中配置按需引入样式源文件
module.exports = {
plugins: [
[
'import',
{
libraryName: 'vant',
libraryDirectory: 'es',
// 指定样式路径
style: name => `${name}/style/less`
},
'vant'
]
]
};
第二步:修改样式变量
// 在 vue.config.js 中修改样式变量
css: {
loaderOptions: {
less: {
modifyVars: {
/* less 变量覆盖,用于自定义 vant 主题 */
'text-color':'#ccc'
}
}
}
}
第三步:重启项目(一定要重启项目不然不起效)