2020-05-13vant定制主题 vue cli3

第一步：// 在 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'

          }

        }

    }

}

第三步：重启项目（一定要重启项目不然不起效）