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

vue项目按需引入element-ui，修改.babelrc文件之后报错相关推荐

在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
Element UI 按需引入注意事项，.babelrc 文件修改问题
注意按需引入是可以改标签名字注意最新版的vue脚手架已经将 .babelrc 改为了babel.config.js 要在babel.config.js文件里写:注意最新版脚手架
在vue项目中快速使用element UI
Element UI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速的搭建网站,提高开发的效率 ElementUI PC端 MintUI 移动端一.全部引入安装element-ui cnp ...
在vue2.x项目中怎么引入Element UI
参考:https://blog.csdn.net/u014054437/article/details/79862793 Element使用方法:https://element.eleme.cn/#/ ...
vue2引入Element UI的详细步骤
目录一.Element UI介绍 Element UI的特点: vue3引入Element plus的文章: 二.操作步骤三.快速上手测试(可做可不做) 一.Element UI介绍 Elemen ...
win10快速搭建vue开发环境并使用element ui
1,环境 1.1 node.js安装下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 选安装目录进行安装(安装过程就是全程next,注意不要取消自动 ...
vue表格显示图片，采用element ui实现
项目场景: vue表格显示图片,采用element ui实现 <template><el-table :data="tableData" style=" ...
iView UI / Element UI修改样式不成功解决办法
项目场景:iView UI / Element UI修改样式不成功问题描述例如:在修改组件样式中,直接修改还是通过添加类名,修改都不成功原因分析: 原因:,其中的scoped限制了修改解决方案 ...
element ui upload组件文件上传一次后，不论是上传成功之后修改文件再上传还是上传失败重新上传，再次点击上传均无反应。
问题: Element UI Upload 组件文件上传一次后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应. 原因: 第一次上传文件后,浏览器还保存着我们已经上传的文 ...

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

vue项目按需引入element-ui，修改.babelrc文件之后报错相关推荐

最新文章

热门文章