vue-cli@4按需引入Element-ui

于 2021-09-27 09:48:31 发布
阅读量198 收藏
点赞数
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40908383/article/details/120502369
版权
根据官方提供方法进行按需引入, 一直不成功

官方文档

下面使用 vue add element 来进行按需引入, 成功

  • vue-cli@3.0之后，element-ui提供相应的element插件，我们可以用这个插件快速的来安装element-ui。只需要在当前项目目录下，运行vue add element即可：
    执行命令

  • 直接把配置内容放到babel.config.js文件：
    配置内容

  • 会自动生成 按需引入文件
    按需引入文件

  • main.js 中也会自动导入相应文件
    main.js文件

南辞北遇_cy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue-cli4 配置 element-ui 按需引入操作
10-14
主要介绍了Vue-cli4 配置 element-ui 按需引入操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-cli4按需引入element-ui
duduyingya的博客
05-08 951
下载node.js以及webpack等 用vue-cli4快速搭建vue项目 vue按需引入element-ui （1） 用管理员的cmd的窗口进入到项目目录下 安装按需引入用到的插件 npm install babel-plugin-component -D (2)然后继续在cmd黑框的项目目录下输入以下命令 安装element-ui 不然下面按需引入的包会报错找不到 npm i element-ui -S （3）然后打开刚刚创建好的vue项目 新建文件 .babelrc 与src文件夹对齐的
vue-cli4引入element ui
睡不够
08-23 5081
vue-cli4引入element ui 按照官网文档按需引入出问题报错，如下可解决问题 官方文档链接: element-ui文档 安装element ui npm i element-ui -S main.js引入 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 添加 babel-plugin-component 依赖 借助 babel-plug
Vue CLI@4按需引入element-ui
sinat_33127389的博客
09-17 794
记录一下按需引入element-ui时踩过的坑。 1.使用npm安装element-ui npm i element-ui -S 2.安装 babel-plugin-component npm install babel-plugin-component -D 3.将babel.config.js修改为： module.exports = { presets: [ '@vue/cli-plugin-babel/preset' //跟官网的不同 ], "plugins": [
vue-cli完整地引入element-ui
weixin_34269583的博客
10-19 222
1. 因为该组件会依赖于jQuery，所以先安装jQuery所需依赖： 　　进入npm控制台，输入指令： 　　cnpm install jquery --save-dev 　　然后在入口文件main.js中引入： 　import jquery from 'jquery' 　　最后配置build目录下的webpack.base.config.js文件，在 ...
electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
vue2.0基于vue-cli+element-ui制作树形treeTable
10-17
主要介绍了vue2.0基于vue-cli+element-ui制作树形treeTable，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
基于vue-cli 的 Element UI 的后台系统模板
02-21
在Vue项目中，通过引入Element UI库并配合Vue的指令和计算属性，可以轻松创建复杂的后台界面。 4. **组件化开发**：Vue.js 鼓励采用组件化的开发方式，将UI拆分为独立、可复用的组件。Element UI 的组件可以直接...
怎么样在vue-cli的项目里面引入element ui
weixin_30650039的博客
08-06 168
第一步:先进入到项目里面 npm i element-ui -S 第二步: import Vue from 'vue'; import ElementUI from 'element-ui'; //这个是必须写的 import 'element-ui/lib/theme-chalk/index.css'; //这个也是必须的 ,其他的应该在下载vue-cli就有的啦 import App fr...
element-ui vue-cli 引入方法
未玄的博客
11-06 455
import ElementUI from 'element-ui' import 'element-ui/lib/theme-default/index.css' Vue.use(ElementUI)
Vue-cli引入element-ui简单示例
一叶知秋
01-11 2654
Vue-cli引入element-ui简单示例参考官方项目创建添加element-ui安装引入示例 参考官方 vue：https://cn.vuejs.org/ nodejs：http://nodejs.cn/ element-ui：http://element-cn.eleme.io/#/zh-CN/component/installation 项目创建 请参考：https://blog.csd...
vue-cli4创建项目导入Element-UI踩过的坑
weixin_45185103的博客
10-06 4842
错误1：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 错误2：unknown option – skipGetStart
vuecli4.5.11引入elementUI
weixin_46472377的博客
03-25 618
vuecli4.5.11引入elementUI 话不多说网上查了很多并且官方也还没给出正式版elementUI引入，目前只是体验引入项目 1.完整引入（不推荐使用，测试版还是有bug） 在 main.js 中写入以下内容： import { createApp } from ‘vue’ import ElementPlus from ‘element-plus’; import ‘element-plus/lib/theme-chalk/index.css’; import App from ‘./App.
Vue-cli4 配置 element-ui 按需引入
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
12-13 1万+
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程 #1 node与vue的版本情况 #2未按需加载打包后的文件情况 由上图看出，只是引入了 element-ui框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。 element-ui按需加载文档：https://e...
vue-cli@4搭建 vue + element-ui 项目实操
热门推荐
huzhenv5的博客
01-16 1万+
本文用来记录如何通过vue-cli4来搭建一个element的项目，以及中间碰到的一些问题的处理方法 一，搭建步骤 1. 安装node 安装步骤自行百度，确认node环境变量已经配置好，node和npm指令可正常使用 2. 全局安装vue-cli 安装最新版本的vue-cli npm install -g @vue/cli 安装成功后，就可以使用vue命令了，使用vue --version可以查...
vue-cli@4安装Element-ui
q1424966670的博客
04-16 1万+
vue-cli@3.0之后，element-ui提供相应的element插件，我们可以用这个插件快速的来安装element-ui。只需要cd到工程根目录，运行vue add element即可： vue add element 1，选择全部导入 2，第二步 选择Y 3，第三步直接回车 ...
Vue3+CLI4 使用Element-ui
白瑕 的博客
09-15 1067
Vue3+CLI4 项目中如何使用Element 文章目录Vue3+CLI4 项目中如何使用Element前言一、解决方法二、使用步骤1.引入库2.读入数据总结 前言 这个问题是几天前遇到的,记下来了但一直没来得及写一写… 在安装了Elementui之后向项目里引入官方的组件,终端警告: "export default" is (中间这段我忘了) in vue 然后进入页面也是什么都渲染不出,控制台报错: Uncaught TypeError: Cannot read property ‘prototyp
vue-cli4.5创建Vue3.x引入element-ui
liuarmyliu的博客
01-18 3647
在Vue项目中常使用的一个UI库就是element-ui了 注意 目前element-ui只支持Vue2.6以下的版本，如果想在Vue3.0使用这个组件库，就要使用element-plus element-plus官网 步骤 在Vue3项目根目录下 vue add element-plus npm install vue-cli-plugin-element-plus 全局引用 src/plugins/element.js import ElementPlus from 'element-plus' im
electron-vue + vue-cli + element-ui 实时热更新版
最新发布
08-09
electron-vue是一个基于Vue.js和Electron的开发框架，可以用来快速构建跨平台的桌面应用程序。它集成了vue-cli和element-ui，使得开发者能够使用Vue.js的开发方式来构建桌面应用，并且可以使用element-ui的组件库来简化界面的开发工作。 Vue-cli是Vue.js官方提供的脚手架工具，可以帮助开发者快速搭建Vue.js项目。它提供了一些基础模板，可以选择使用不同的配置模板来创建项目，并且集成了一些常用的开发工具和构建工具，使得开发者可以更方便地进行开发和调试工作。 Element-ui是一个基于Vue.js的开源UI组件库，提供了一套美观、易用的UI组件，包括表单、按钮、弹窗等常用组件。Element-ui不仅提供了丰富的组件，还提供了详细的文档和示例，开发者可以快速地使用和定制这些组件，从而提高开发效率。 实时热更新版是指electron-vue、vue-cli和element-ui进行了实时热更新的版本。在开发过程中，开发者可以通过某些配置和插件，实现代码的热更新，即在开发过程中，代码的修改会立即反映在应用程序中，无需重新编译和刷新页面。这样可以极大地提高开发效率，减少开发调试的时间。 总之，electron-vue集成了vue-cli和element-ui，是一个使用Vue.js开发桌面应用的开发框架。通过使用实时热更新版，开发者可以更加高效地进行开发工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值