ivewでvue-cli 3をオンデマンドでロードする方法


iview公式ドキュメントでは、足場vue-cli 3を使用するプロジェクトの使用について一言しかありません.「最新のVue CLI 3に対応するiViewプラグインを提供しています.Vue CLI 3を使用している場合は、直接プラグインでiviewを検索し、プラグインをインストールして使用することができます.」正直に言うと、初めてこの説明を見て、私は愚かでした......くだらないことはあまり言わないで、直接袖をまくり上げました.
vue-cli 3コマンド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ファイルの下にivewが追加されました.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'