基于element-plus封装自己的组件库,修改element源码

一、下载element-plus源码

地址:https://github.com/element-plus/element-plus

二、下载完后本地打开 --下载依赖 – 打包

1.安装依赖:pnpm install
(注:element-plus 使用pnpm,若没有pnpm,可执行命令安装:npm install -g pnpm
2.项目打包:pnpm run build
(若报错误码134,可能是因为内存问题,设置gulp中的打包内存范围即可)在

三、在项目中新建deps文件夹(与src同级目录)

1.将源码打包成功后的dist文件夹中的element-plus 拷贝到deps中
2.如果之前有element-plus,则先执行卸载操作:npm uninstall element-plus
3.安装自己deps中的element-plus:npm i element-plus ./deps/element-plus
4.安装完成后,package.json中如图:
在这里插入图片描述

四、总结

在下载的源码中,修改结构样式后打包成dist,将dist中的element-plus拷贝到项目的deps中正常使用即可。
在这里插入图片描述
在这里插入图片描述

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值