webpack-dev-server无法自动编译热更新

来源:互联网 发布:迪杰斯特拉算法原理 编辑:程序博客网 时间:2024/06/05 16:13

首先说明一下我用的是sublime text3
之前做nodejs开发的时候一直是手动node app.js,每次后台改了一点代码都要重新跑一遍,开发效率实在不高,也了解webpack貌似有热更新的功能,也折腾过几次一直不成功,今天又折腾了好久,根据官方文档来做的,应该没有问题,但就是无法自动根据文件修改而重新编译加载。找了好多资料,最后还是在webpack2官网上发现接近问题真相的解释,但是也根据说明改了配置发现也不行:
参考链接:webpack2文档-开发

一些文本编辑器有“safe write”(安全写入)功能,并且默认启用。因此,保存文件后并不总是会导致 webpack 重新编译。
每个编辑器都有不同的方式来禁用这一功能,以下是一些最常见的:
Sublime Text 3 - 在用户设置(preference)中增加 “atomic_save”: false。
IntelliJ - 在设置中查找 “safe write”并且禁用它。
Vim - 在设置中增加 :set backupcopy=yes。
WebStorm - 在 Preferences > Appearance & Behavior > System Settings 中取消选中 Use “safe write”。

最后!!!多次实验!!!发现!!!真的是编辑器的原因!!!!!
说一下我是如何发现的==
因为文档谈到需要改”atomic_save”: false,所以我想到可能是因为编辑器的原因,然后就放弃编辑器,在终端中用vim修改代码,结果成功的自动重新编译加载了。。。然后换回sublime text3发现又不行。。。最后我又换成visual studio code,也是成功的。。。
我搜索了一下为什么sublime中修改代码不能自动更新的问题,只发现了如下解释:
1. 在Ubuntu中,使用Sublime修改文件,webpack-dev-server不自动编译热替换

具体原因还不是很清楚,以后再研究研究。
总之,如果有同志们碰到跟我一样的问题,不要怀疑自己的webpack配置出问题了,跟官方文档走基本不会有问题,尝试着换一个编辑器看看吧!

原创粉丝点击