webpack热更新出现了一个目录下有些文件修改有效。有些无效？

Question

遇到一个怪事:
项目有个功能需要更改elementui的源码,查了资料可以修改node_modules下的elementui/lib中的文件。
然后出现怪事了。这个目录下的有部分js修改后是会热更新.有些js就更新了没反应。。不知道是哪儿的问题。。
关键是都在一个目录下。。为什么会出现这种情况呢。

Answer 1

你改源码 和热更新没多大关系 可能时你引入某个功能但是你所改的 JS和此功能没有交集 所导致

如果ele的话并且你时在install import 引入的话 node_modules（依赖）下找到 ele 在src components 文件会有对应组件的样式 这样效果我感觉你会实现的

Answer 2

不建议直接修改node_modules中的文件．．．
如果你换了一个环境，在别人npm install 之后你没办法去处理的．
如果需要对其源码进行修改，直接将其js直接拷出来放到static中去进行修改．
这样也方便webpack打包啊～

Answer 3

正好也遇到同样的问题，多方尝试，找到了规律：

1. 路由配置没有引入的，热更新不会编译;
2. 如果你的vue和js是分离的,文件名字不要取一样的;

例:index.vue index.js 在同一目录,在路由配置中

//这里引入的index好像不知是引入谁,所有你的index.vue怎么修改保存,热更新都无效;
const AddressEdit = r => require(["../views/member/address/index"], r);
//或者改成下面这样,可以完美解决
const AddressEdit = r => require(["../views/member/address/index.vue"], r);