vant自定义主题

index.js

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.less';

Vue.use(Vant);

vant-variables.less

@field-input-error-text-color: #323233;

vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 此写法 less-loader 版本小于 6.0，参考 vant 官网
        modifyVars: {
          hack: `true; @import "${path.resolve('.', 'src/plugins/vant/vant-variables.less')}";`,
        },
      }
    },
  },
};