用vue-cli引入element-ui报错

1.main.js按需引入引入element-ui

[code]import { Button } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Button)

2.首先，安装 babel-plugin-component：

[code]npm install babel-plugin-component -D

3.然后，将 .babelrc 修改为：

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

 4.

由于是vue-cli没使用ES标准，而引入的vue-ueditor使用了ES标准，所以编译会报错，解决办法如下：

npm install babel-preset-es2015 --save-dev

然后需要在webpack.base.conf.js文件中加入如下代码

[code]module: {
loaders: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['es2015']
}
}
]
}