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

Question

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

文件目录

Answer 1

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

// 改为你的git地址
npm install [e-mail]:ElemeFE/element.git

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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