elementUI源码修改的爬坑之旅

今天因为项目须要,想在Tree组件上作一些变更和修改,我修改了elementUI的源代码,发布到npm上去成功使用,记录下过程当中所碰到的问题。node

下面简单记录下过程和过程当中所遇到的问题以及问题的解决方案。git

  1. 首先把elementUI的项目从git上克隆下来:
git clone https://github.com/ElemeFE/element.git

克隆完成后就会看到有个名叫element的文件夹出现:github

clipboard.png
而后进入element文件夹:npm

cd element

安装相关的依赖:element-ui

npm install

第一步已经完成。json

  1. 修改源码,我修改的部分在packages里面,

clipboard.png
我修改完成后执行:ui

npm run dist

就会生成一个lib文件夹,这部分是咱们调试用的,刚克隆下来没有run dist以前是没有lib文件夹的,我修改完源码以后,运行run dist 后将生产的lib文件夹拷贝到项目中的node_modules中的element-ui文件夹中去,效果OK。
3.上传npm 包。
第一次是在网上看大佬说只须要修改里面的config.js文件里面的名字和package.json里面的包名就能够了,我修改了以后上传后结果是报了40多个路径错误,找不到这个找不到那个,看的我是一脸懵。
而后个人解决方案是全局全词匹配到element-ui以后进行全局替换为我设置的包名。
说下上传包步骤,
首先进入element文件夹以后执行:spa

npm init

而后登录下(没有帐户的注册帐户):调试

npm login

依次根据提示输入username、password、e-mail其余的均可以敲回车完事(记得改element文件夹中package.json文件中的包名和版本号啊)。
须要强调的是包名不能重复,否则npm会给你报一堆乱七八糟的错误。
最后进行上传:code

npm publish

ok上传完成(要是报各类看不懂的错误很大多是包名重复)。
4.到项目中将项目中的package.json中的dependencies中的:"element-ui": "^2.4.11"修改成:"你的包名": "^你的版本号"
而后进行依赖安装:npm install 启动项目,效果OK。有不对的地方,各位路过的大佬多多指教。

相关文章
相关标签/搜索