ElementUI 按需載入

vue專案使用element ui，在官網的範例中，是直接把載入的部分寫在main.js，可是有時候我們要載入的components一多，main.js就會變得很長，所以可以把它搬到另一個檔案，再從main.js統一引入。

安裝element ui

$ yarn add element-ui
//or
$ npm i element-ui -S

安裝按需載入要用到的babel套件

$ yarn add babel-plugin-component -D
// or
$ npm install babel-plugin-component -D

設定babel

babel.config.js (或者你是使用.babelrc)

babel.config.js

獨立element ui 載入檔

新增一個檔案plugin/elementui.js

plugin/elementui.js

因為在Vue.use這個方法中，會預設自動找到install這個方法。

main.js中全局引用

main.js

頁面中引用

element ui官網範例直接貼在專案中任何.vue檔都可以work喔！

App.vue

這樣main.js就可以乾乾淨淨的使用所有components拉～（要加s）