安装 vue-cli
安装 vant 框架
官网
https://youzan.github.io/vant/#/zh-CN/
通过 npm 安装
npm i vant -S
引入组件
推荐自动按需引入组件
babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式
安装插件
npm i babel-plugin-import -D
// 在.babelrc 中添加配置
// 注意:webpack 1 无需设置 libraryDirectory
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
.babelrc
.babelrc 文件,最初是从 Linux 的开发习惯发展而来,以 rc 结尾的文件,一般都是运行时自动加载的文件、配置文件等,babelrc,就是运行时自动加载的 Babel 文件。
Babel
转码文件。现在 ES6 还没有被所有的浏览器支持,所以需要 Babel 将 ES6 转换成浏览器能够识别的代码。