vue-cli按需引入Element UI組件

一、環境

　　使用vue-cli搭建的環境

二、安裝 babel-plugin-component

　　npm install babel-plugin-component -D

三、修改.babelrc文件，可以直接拷貝一下的配置，紅色部分是在原來基礎上添加的。

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": [
    "transform-vue-jsx",
    "transform-runtime",
14     [
15       "component",
16       {
17         "libraryName": "element-ui",
18         "styleLibraryName": "theme-chalk"
19       }
20     ]
  ],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  }
}

四、在main.js文件添加所需的組件即可，例如添加Button組件；詳情請看Element UI 官網

import { Button} from 'element-ui'

Vue.use(Button)