vue项目按需引入element-ui,修改.babelrc文件之后报错

1.element-ui引入步骤:

根据element官方文档引入npm i element-ui -save

借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。npm install babel-plugin-component -D

然后,将 .babelrc 修改为:

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

按照这个流程,走到这里该报错啦,hin~

报错关于es2015,,这个.babelrc为了兼容ie(9-11),需要引入es2015,

所以把babel-polyfill和babel-preset-es2015两个npm 引入到package.json里npm install --save--dev ......

再运行,OK啦

element的具体用法在官方文档上有喽,贴个地址:https://element.faas.ele.me/#/zh-CN/component/quickstart

原文地址:https://www.cnblogs.com/fairy62/p/9018585.html