一、安装vant和element ui
1.安装vant
# 通过 npm 安装
npm i vant -S
# 通过 yarn 安装
yarn add vant
2.安装element ui
npm i element-ui -S
二、配置按需引入插件
1.vant
npm i babel-plugin-import -D
2.element ui
npm install babel-plugin-component -D
ps:这里将同一个命令写两遍,是因为我遇到了按需引入element ui后,在引入vant时不生效,当我重新执行了“①安装vant;②配置按需引入;”后,引入vant才生效。
三、babel.config.js
配置方式一:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}],
[
"component",
{
"libraryName": "element-ui"