Parcel bundler热模块替换功能异常，修改SASS后snake.html不自动刷新

问题根因 #

1. Parcel的热更新触发逻辑完全依赖内部构建的资源依赖树关联关系：只有当被修改的SASS文件被某入口页面的资源链路直接/间接引用时，Parcel才会向该页面的浏览上下文推送热更新信号。你当前的snake.html大概率没有直接引入你修改的SASS文件，仅index.html有对应的引入链路，所以修改SASS后只有index.html能收到更新通知。
2. 你修改其他文件（html/package.json）会触发Parcel全量入口重编译，此时会刷新所有打开的页面，所以才能更新snake.html的样式。
3. 额外可能的配置问题：你dev脚本里硬写的多入口顺序会让Parcel默认把第一个入口index.html作为主热更新根，非主入口的页面如果没有独立的样式引用链路，收不到跨入口的资源更新信号。

解决方法 #

• 首先确认snake.html有独立引入你修改的SASS文件：如果是全局公共样式，要在两个html的<head>里都用link标签引入，或者在两个页面关联的JS文件里引入；如果是snake页面独有的样式，单独在snake的资源链路里引入即可。
• 优化dev脚本的入口写法，用glob匹配避免硬写入口的识别偏差：

"scripts": {
  "dev": "parcel src/*.html",
  "build": "parcel build"
}

注：Parcel 2+的build命令不需要手动写所有资源路径，只要配置了入口会自动递归扫描所有依赖资源，不需要额外指定js、scss路径

• 可以在package.json里新增source字段明确所有入口，让Parcel准确识别多入口的热更新范围：

"source": ["src/index.html", "src/snake.html"]

内容的提问来源于stack exchange，提问作者Espskully