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';
結束沸呐。