mint-ui 引入方式 & vant vant

1.1 mint-ui的完整引入方式

1. 先安装依赖包

   npm i mint-ui -S ​  
   yarn add mint -S  
   

2. 引入依赖并注册

   import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' import App from './App.vue' ​Vue.use(MintUI)

1.2 mint-ui 按需引入方式

1. 安装依赖插件

   npm install babel-plugin-component -D​
   yarn add babel-plugin-component -D​

2. 然后，将 .babelrc 修改为：

   {
   "presets": [
   ["es2015", { "modules": false }]
   ],
   "plugins": [["component", [
   {
   "libraryName": "mint-ui",
   "style": true
   }
   ] ]]
   }

2. vant

2.1 vant的完整引入方式

1. 先安装依赖包

   npm i vant -S ​
   yarn add vant -S

2. 引入依赖并注册

   import Vue from 'vue'; import Vant from 'vant'; import 'vant/lib/index.css';​ Vue.use(Vant);

2.2 vant 按需引入方式

1. 安装依赖插件

   ​npm install babel-plugin-import -D​
   yarn add babel-plugin-import -D​

2. 然后，将 .babelrc 修改为：

   {
   "plugins": [
   ["import", {
   "libraryName": "vant",
   "libraryDirectory": "es",
   "style": true
   }]
   ]
   }