uniapp 引入 vant H5 版本

uniapp 引入 vant web版本

第一步 安装相关依赖，这里用less 因为 用css 在引入 vant 字体库会报错

npm install vant --save-dev
npm install less --save-dev
npm install less-loader@4.1.0 --save-dev   //less-loader 版本过高会报错

第二步
babel.config.js

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

最后

import { Button, Calendar } from 'vant';
components: {
      VanButton:Button,
      VanCalendar:Calendar
    }

相关文件直接用就可以

如果不需要自动按需引入可以省略第二步，但是引用的时候，必须

import Button from '@/components/vant/button';
import '@/components/vant/button/index.less';
import Calendar from '@/components/vant/calendar';
import '@/components/vant/calendar/style';
components: {
      VanButton:Button,
      VanCalendar:Calendar
    }