vant定制主题

babel.config.js

 plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: (name) => `${name}/style/less`
    }, 'vant']
  ]

vue.config.js

const path = require('path')
// less文件的路径
const myTheme = path.join(__dirname, './src/style/reset.less')

module.exports = {
    css: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            hack: `true; @import "${myTheme}";`
          }
        }
      }
    }
  }
}

 

注意less-loader less的版本问题