element源码修改并上传npm
2022/1/6 14:33:40
本文主要是介绍element源码修改并上传npm,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1、 先在git 上找到elemen-ui 的 源码,并 fork 到自己的 git里。 附上git 地址: https://github.com/ElemeFE/element
2.修改elemen-ui 中的 input 组件,给 area 添加 长度500的限制,maxlength。
在 element-ui 下的 packages 中 找到 input 组件修改
3、修改完成了,让我们 打包。(npm上不需要包名重复,包括不能和别人的包名重复,所以记得把包名都改了)
我这儿,都给 起了个名字——hanzhen-ui 还要记得,项目中 全盘替换 ,把 element-ui ,改成 hanzhen-ui (我们自己的名字)
4、 修改版本号,下载 npm i;打包 npm run dist
5、 成功后,开始 上传 npm
(1) 我们需要先 在 npm 上 申请账号,跟 其他的账号申请一样。 (npm官网地址: https://www.npmjs.com/)
关键: 当申请完后,记得在 邮箱里 激活 一下。不然 上传 不成功。
(2) 登录npm, 并输入 用户名、密码、邮箱。
注意: 上传包前, 记得 把 淘宝映射 仓库地址,改成 npm 自己 仓库地址。否则上传 不上去。
// 检查仓库是否被设成了淘宝镜像库(https://registry.npm.taobao.org/) npm config get registry // 如果设置了淘宝镜像,执行以下命令 npm config set registry=http://registry.npmjs.org
(3) 然后,执行 npm publish ,就 会到 我们 的 npm上了
发包是,如果 报错 注意:如果报错:‘You do not have permission to publish “mypackage1”. Are you logged in as the correct user?’
表示包’mypackage1‘已经在包管理器已经存在被别人用了,需要更该包名称 (看上述第三步)
6、 在我们 自己的 npm 上 就能 看到了
7、 我们再 建一个项目(hz-vue),把 我们的 新包 (thanzhen-ui) 引入 测试成功(npm install hanzhen-ui -S)。
8.样式要单独引入
这篇关于element源码修改并上传npm的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01后台管理开发学习:新手入门指南
- 2024-11-01后台管理系统开发学习:新手入门教程
- 2024-11-01后台开发学习:从入门到实践的简单教程
- 2024-11-01后台综合解决方案学习:从入门到初级实战教程
- 2024-11-01接口模块封装学习入门教程
- 2024-11-01请求动作封装学习:新手入门教程
- 2024-11-01登录鉴权入门:新手必读指南
- 2024-11-01动态面包屑入门:轻松掌握导航设计技巧
- 2024-11-01动态权限入门:新手必读指南
- 2024-11-01动态主题处理入门:新手必读指南