vue-cli3 按需引入element-ui

按照官网的教程：按需引入需要借助：babel-plugin-component
安装：babel-plugin-component

注意：官网是修改 .babelrc 文件，我这里为了方便就直接修改 babel.config.js 文件了

对应的项目根目录下的 babel.config.js 需要修改成为以下：【我是直接拷贝官网的】

在 main.js 里面按需引入：
import { Button } from ‘element-ui’;
Vue.component(Button.name, Button
启动项目报错：.plugins[0][1] must be an object, false, or undefined

原因是：babel.config.js 里面的plugins多了一个中括号：修改如下：

再次重新启动后又报错： Cannot find module ‘babel-preset-es2015’ from '

这个是由于babel编译插件版本问题，需要安装最新的babel编译插件 “@babel/preset-env” ,执行以下安装命令：
npm install @babel/preset-env -D
修改 babel.config.js 为：

再次重新启动，终于可以了：

vue-cli3 按需引入element-ui相关推荐

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=" ...
在vue项目中快速使用element UI
Element UI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速的搭建网站,提高开发的效率 ElementUI PC端 MintUI 移动端一.全部引入安装element-ui cnp ...
VUE2版本引入Element UI
一句话的事儿 1,在cmd中打开vue项目文件夹,输入命令: vue add element 2,加载后的选项如下: How do you want to import Element? Fully ...
vue2引入Element UI的详细步骤
目录一.Element UI介绍 Element UI的特点: vue3引入Element plus的文章: 二.操作步骤三.快速上手测试(可做可不做) 一.Element UI介绍 Elemen ...
element vue 上传模板_Vue Element UI upload 组件上传文件之后 file list 依旧是空数组
在 element ui 的 GitHub issue 中搜索了一下,发现 upload 组件确实不支持自动更新 file list,需要手动在上传成功和删除的回调中处理文件列表同步... 这个体验太 ...
在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
在vue2.x项目中怎么引入Element UI
参考:https://blog.csdn.net/u014054437/article/details/79862793 Element使用方法:https://element.eleme.cn/#/ ...
vue项目按需引入element-ui，修改.babelrc文件之后报错
1.element-ui引入步骤: 根据element官方文档引入npm i element-ui -save 借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小 ...
Vue cli3 中全局引入scss文件
写在前面近期把之前写的一个Vue老项目进行了一番重构,发现其中有许多重复使用的css样式代码,决定把重复使用的样式代码提取到公共的scss文件中,并全局使用,本来以为是一个比较简单的工作,但是在操作 ...

vue-cli3 按需引入element-ui

vue-cli3 按需引入element-ui相关推荐

最新文章

热门文章