在初次使用element-ui的时候,官网有两种方法一种是直接加载element-ui,一种是
借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。
首先,安装 babel-plugin-component:
npm install babel-plugin-component --save–dev
建议刚刚学采用直接导入的方法,在你不熟悉组件的时候,有时候会发现使用官网的组件会报错,其实只是在按需的时候没有导入,而在直接加载的时候是没有这种错误的,等你熟练的知道了哪个组件有什么效果,就可以按需加载了,在按需加载的时候,会遇见一些问题。
{
“presets”: [[“es2015”, { “modules”: false }]],//这个是采用es6规则,在使用的时候你需要安装label,当你安装最近的label的时候进行编译,又会报错,说label-core已经从label分离了,然后静静的呆在原地。

“plugins”: [
[
“component”,
{
“libraryName”: “element-ui”,
“styleLibraryName”: “theme-chalk”
}
]
]
}


这是安装在vue-cli2.几的版本只要在plugins的加入下面黑体字的代码就可以直接引入,不会报错了,也没有安装es6那样麻烦,label更新了关键之前没更新到还好。

“plugins”: [“transform-vue-jsx”, “transform-runtime”,[
“component”,
{
“libraryName”:“element-ui”,
“styleLibraryName”:“theme-chalk”
}
]],