如何修改node_modules下的element-ui源码

vue-cli脚手架
因为项目中用到el-tree树组件但是效果有点出入,需要修改源码。
直接在node_modules下修改完之后并没有起到作用。
我想问下这个问题怎么解决

文件目录
图片描述

回答:

建议你在github 上 fork 一个 element-ui的代码。然后修改,编译后,提交到github上。然后 npm 直接从这个库安装。

// 改为你的git地址
npm install git@github.com:ElemeFE/element.git

回答:

正常来说改了重新打包是会有效果的,你重新打包了吗

回答:

你改的是src目录下的文件,自然没用。webpack引入的是lib目录下的编译后的js。

回答:

修改了也没用呀,只能去覆盖它的样式

回答:

查看package.json文件,可以看到main属性对应的是lib/element-ui.common.js这个文件,所以在这个文件里面改就可以了,不信可以在文件开头console.log一下,刷新可以看到打印信息。不需要自己编译,提交远程代码库,再npm之类的。不过这里是打包后的代码,不好改,也不建议改,最好改你业务逻辑代码。这种可以用来方便测试。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注