npm install iview --save
npm install babel-plugin-import --save-dev
我项目安装的版本号：

image.png

遇到的问题

按官方文档显示的按需加载是借助插件babel-plugin-import插件，并在.babelrc中配置，但我在项目中并没有找到.babelrc文件。

我的项目结构：

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';

结束。