Rails 6搭配webpacker 5.4.3升级node包后热重载功能失效求助

• Webpacker 5.4.3 与 webpack-dev-server 4.x、webpack-manifest-plugin 4.x 存在版本兼容性问题，webpacker 5.x 仅支持 webpack-dev-server 3.x、webpack-manifest-plugin 3.x 版本，升级到高版本后配置解析逻辑完全不匹配，导致配置不生效、热重载功能异常。
• 额外安装的 webpack-cli 4.x 也会与 webpacker 5.x 自带的运行脚本产生冲突。

1. 替换不兼容的依赖包
   执行以下命令卸载错误版本的依赖，安装匹配版本：

yarn remove webpack-dev-server webpack-manifest-plugin webpack-cli
yarn add webpack-dev-server@3.11.2 webpack-manifest-plugin@3.2.0 --dev

2. 修正 webpacker.yml 配置
   webpack-dev-server 3.x 不识别 4.x 新增的static配置字段，将development.dev_server下的配置：

static:
  watch:
     ignored: '**/node_modules/**'

修改为3.x版本兼容的配置：

watchOptions:
  ignored: '**/node_modules/**'

3. 清理缓存验证功能
   执行以下命令清理历史缓存，避免残留文件干扰：

rm -rf tmp/cache/webpacker public/packs

先后启动./bin/webpack-dev-server和Rails服务，修改前端代码验证：

• webpack-dev-server 启动日志会显示监听端口为配置的3035，证明配置已正常读取
• 代码变更后webpack-dev-server编译完成，浏览器会自动刷新
• 手动刷新浏览器时Rails不会触发全量重编译

webpack-dev-server 运行时编译的资源默认存储在内存中，不会写入磁盘的public/packs目录，看不到编译后的js文件属于正常现象，无需额外处理。

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