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'

總結

以上是生活随笔為你收集整理的iview在vue-cli3如何按需加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。