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'

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com