如何实现文件监听
--watch
- 文件源码变化时,自动重新构建输出新的编译文件。(热重载)
- 需要每次手动刷新浏览器
- 【自动化构建工具(二)(特性)】原理:通过“不停轮询文件的修改时间“,缓存一批更新
watchOptions: { ignored: /node_modules/, aggreagteTimeout: 300, // 监听到变化后等300ms后再去执行,默认300ms poll: 1000 // 每1000ms检查一次变动 }
- 以上只是达到了热重载,要想热更新,需要配合webapck-dev-server和HotModuleReplacementPlugin实现。
推荐阅读
- 区块链|理解以太坊DApp及开发工具
- webpack 使用 (一) 原理的介绍
- webpack打包原理
- 动态引入(require, import)
- javascript|react使用笔记及生命周期
- webpack构建原理(实现一个简易的webpack构建器)
- webpack 构建 npm 包优化
- gulp|如何进行清除web端缓存
- 自动化构建工具篇|【解决方案】webpack `Invalid Host/Origin header`问题