iview在vue-cli3如何按需加載

iview在官方文檔上，對於使用腳手架vue-cli3的項目的使用只有一句話：「咱們爲最新的 Vue CLI 3 提供了相應的 iView 插件，若是你正在用 Vue CLI 3，能夠直接在插件中搜索 iview，安裝插件來使用。」 老實說，第一次看到這說明，我是懵逼的……廢話很少說，直接撩起袖子擼

vue-cli3有個命令vue ui打開添加插件搜索 vue-cli-plugin-iview，點擊安裝

按需加載安裝後，vue-cli-plugin-iview會自動幫咱們作好如下的配置：

babel.config.js

"plugins": [
    [
      "import",
      {
        "libraryName": "iview",
        "libraryDirectory": "src/components"
      }
    ],
    [
      "import",
      {
        "libraryName": "iview",
        "libraryDirectory": "src/components"
      }
    ]

package.json

"babel-plugin-import": "^1.8.0",

在目錄下新增了plugin文件下有個iview.js

import Vue from 'vue'
import { Button } from 'iview'

Vue.component('Button', Button)

import 'iview/dist/styles/iview.css'

main.ts

import './plugins/iview.js'