npm install iview --save
npm install babel-plugin-import --save-dev
我項(xiàng)目安裝的版本號：

image.png

遇到的問題

按官方文檔顯示的按需加載是借助插件babel-plugin-import插件，并在.babelrc中配置，但我在項(xiàng)目中并沒有找到.babelrc文件。

我的項(xiàng)目結(jié)構(gòu)：

image.png

配置方法

1.在babel.config.js文件中引入以下代碼

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

2.在src目錄下新建一個iview.js文件，代碼如下：

import Vue from 'vue';
import 'iview/dist/styles/iview.css'; // 組件樣式文件
import { Button, Icon } from 'iview'; // 引入自己用到的組件

Vue.component('Button', Button);  
Vue.component('Icon', Icon);

3.在main.js文件引入iview.js文件

import './iview.js';

結(jié)束。