vue-cli3 引入elementUI和样式

1.引入elementUI

vue add element

2.在plugins下面的element.js 里面引入你需要的组件(这里我只是用了按钮和表格)

import Vue from 'vue'
import { Button,Table,TableColumn } from 'element-ui'

Vue.use(Button).use(Table).use(TableColumn);

3.在.babelrc中修改配置,改为官方的配置

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

发现报错找不到es2015;

npm add babel-preset-env --save-dev,安装最新的env插件

然后把 es2015 改为 babel-preset-env 就发现可以使用了;

你可能感兴趣的:(vue-cli3 引入elementUI和样式)