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配置出问题了,跟官方文档走基本不会有问题,尝试着换一个编辑器看看吧!
- webpack-dev-server无法自动编译热更新
- 借助webpack-dev-server让我们的代码热编译
- Linux Ubuntu 下webpack无法热重载(webpack-dev-server webpack-watch)
- webstorm修改文件,webpack-dev-server不会自动编译刷新
- webstorm修改文件,webpack-dev-server不会自动编译刷新
- 开始一个React项目(二) 彻底弄懂webpack-dev-server的热更新
- webpack-dev-server不能自动刷新问题
- webpack-dev-server不能自动刷新问题
- Webpack-dev-server结合后端服务器的热替换配置
- Webpack-dev-server结合后端服务器的热替换配置
- Webpack dev server热加载失败的解决办法
- webpack-dev-server
- webpack-dev-server使用方法
- WEBPACK DEV SERVER
- webpack-dev-server使用方法
- webpack-dev-server 使用方法
- webpack-dev-server 详解
- webpack-dev-server整合
- 软考总结——浮想联翩法
- org.apache.jasper.JasperException: /mynewtag.jsp(10,22) quote symbol expected
- 深入理解Java虚拟机之虚拟机执行子系统(读书笔记)
- 基础算法题-树相关
- 一次真实项目性能测试与调优的总结
- webpack-dev-server无法自动编译热更新
- 基础算法题-正则相关
- HEX文件和BIN文件格式的区别
- Python网络爬虫(Get、Post抓取方式)
- 动态规划——392. Is Subsequence
- mysql数据库my.ini文件内容
- Array/数组类型的转换方法——toLocaleString()
- 高性能mysql(三)选择优化的数据类型
- 移动端的三种适配