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

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

文件目录
【Vue】如何修改node_modules下的element-ui源码

回答

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

// 改为你的git地址

npm install [email protected]:ElemeFE/element.git

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

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

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

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

以上是 【Vue】如何修改node_modules下的element-ui源码 的全部内容, 来源链接: utcz.com/a/72842.html

回到顶部