脚手架-vant安装和使用

脚手架安装

vant来自有赞的 组件库
Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
vant官网

npm i vant -D/-S

-D 是开发环境下使用 -S 是生产环境下需要 我们的vant是包括上线之后还是要使用所以 是 -S
如果需要指定版本号，2.0x版本的
npm i vant@latest-v2 -S

导入（引入）

在min.js中引入,这样就可以全局使用vant

import Vant from ‘vant’
import ‘vant/lib/index.css’
Vue.use(Vant)

局部导入

先安装一个babel的插件包
npm i babel-plugin-import -D

在脚手架项目下的 babel.config.js文件中加入下面的代码

plugins