element源码修改并上传npm

本文主要是介绍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的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！