当前位置: 首页 > 后端技术 > Node.js

ElementUI源码修改之旅

时间:2023-04-03 17:49:54 Node.js

今天由于项目需要,想对Tree组件做一些改动和修改。修改了elementUI的源码,发布到npm并成功使用,记录一下过程中遇到的问题。问题。下面简单记录一下过程和过程中遇到的问题以及问题的解决方法。首先从git克隆elementUI项目:gitclonehttps://github.com/ElemeFE/element.git克隆后会看到出现一个名为element的文件夹:然后进入element文件夹:cdelement安装相关依赖:第一步npminstall已经完成。修改源代码。我修改的部分在包里。我修改完成后,执行:npmrundist会生成一个lib文件夹。这部分用于调试。rundist刚刚clone之前没有lib文件夹。我修改完源码后,运行rundist,将生成的lib文件夹复制到项目中node_modules中的element-ui文件夹下,效果OK。3.上传npm包。第一次在网上看到老大说只需要修改config.js文件中的name和package.json中的包名即可。我修改后上传,结果报40多条路径错误。这个找不到,那个也找不到,我傻眼了。那么我的解决办法是匹配element-ui后,全局替换成我设置的包名。说下上传包的步骤,首先进入element文件夹执行:npminit然后登录(没有账号的注册账号):npmlogin按照提示输入用户名,密码,邮箱,其他可以回车完成(记得在element文件夹下的package.json文件中修改包名和版本号)。需要强调的是,包名不能重复,否则npm会给你报一堆乱七八糟的错误。最后上传:npmpublishokupload完成(如果报各种莫名其妙的错误,很可能是包名重复)。4、进入项目,将项目中package.json中dependencies中的"element-ui":"^2.4.11"修改为:"yourpackagename":"^yourversionnumber"。然后执行依赖安装:npminstall启动项目,效果就OK了。如果有不对的地方,路过的大佬们可以指教一下。