npm install iview --save
npm install babel-plugin-import --save-dev
我项目安装的版本号:
遇到的问题
按官方文档显示的按需加载是借助插件babel-plugin-import插件,并在.babelrc中配置,但我在项目中并没有找到.babelrc文件。
我的项目结构:
配置方法
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';
结束。