Vue同时按需引用Vant和Mint UI

按需引入Vant

1、npm i vant -S

2、npm i babel-plugin-import -D

3、// .babelrc 中配置 

["import", {

"libraryName": "vant",

"libraryDirectory": "es",

"style": true

}]

4、引用

import { Button, Cell } from 'vant';

Vue.use(Button).use(Cell)

按需引入Mint

1、

npm i mint-ui -S

2、

npm install babel-plugin-component -D

3、将 .babelrc 修改为：

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

4、

import { Popup } from 'mint-ui';

Vue.component(Popup.name, Popup);

 综合：