iview在官方文檔上，對(duì)于使用腳手架vue-cli3的項(xiàng)目的使用只有一句話：“我們?yōu)樽钚碌?Vue CLI 3 提供了相應(yīng)的 iView 插件，如果你正在用 Vue CLI 3，可以直接在插件中搜索 iview，安裝插件來使用。” 老實(shí)說，第一次看到這說明，我是懵逼的……廢話不多說，直接撩起袖子擼

vue-cli3有個(gè)命令vue ui打開添加插件搜索 vue-cli-plugin-iview，點(diǎn)擊安裝

按需加載安裝后，vue-cli-plugin-iview會(huì)自動(dòng)幫我們做好以下的配置：

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文件下有個(gè)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'

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com