Webpack构建状态可视化:基于AnyBar的实时通知插件

webpack-anybar 插件可以将Webpack构建状态实时通知到 AnyBar。

安装与配置

  1. 确保系统已安装 AnyBar。
  2. 使用 npm 安装插件:
npm install --save-dev webpack-anybar
  1. 在Webpack配置文件中引入并配置插件:
var WebpackAnyBar = require('webpack-anybar');

// ...
module: {
  plugins: [
    new WebpackAnyBar(),
    // ...
  ]
  // ...
}

也可以选择传递端口号:

   new WebpackAnybar({port: 1234});
  1. 运行 webpack -wc 启动Webpack,并观察AnyBar的构建状态变化。
zip 文件大小:2.34KB