热模块更换的系统通知 WebPack ZSH

Question

我有一个遗留项目，需要花费大量时间来构建。我们正在使用 HMR in development mode. However, I always have to toggle between the screens to check if the build is complete. I am using Iterm2 with ZSH and have tried bgnotify plugin for background notifications for long-running commands, it is great but it does not work for HMR. I also tried webpack plugin webpack-build-notifier 但它也不适用于 HMR。有人可以建议一种在每次 HMR 构建时获取系统通知的方法吗？

Answer 1

尝试使用 webpack-notifier 配置

const WebpackNotifierPlugin = require('webpack-notifier');
........
.......
new WebpackNotifierPlugin({ 
   excludeWarnings: true, 
   alwaysNotify: true, 
   title: "App is build" 
})

热模块更换的系统通知 WebPack ZSH

System notification for hot module replacement WebPack ZSH

zsh

iterm2

reactjs

oh-my-zsh

webpack