webpack-status-terminal-title-plugin

Webpack compile status terminal title plugin

我是经常碰到编辑文件之后，webpack-dev-server没有正常检测到文件更改的情况。为此经常要切到所在的标签页查看编译情况，非常麻烦。这个插件可以在标题栏中展示webpack的编译状况，并且能显示上次编译的时间，希望这个插件可以辅助你的开发。

Platform

我在Linux下使用，截图是xshell ssh到我的开发机器。屌丝无mac

Install

npm install webpack-status-terminal-title-plugin

Usage

1. Use with gulp

 
var compileStatusTitlePlugin = require('webpack-status-terminal-title-plugin');
// 启动webpack dev server
gulp.task('webpack-dev-server', function () {
  var host = '0.0.0.0',
    port = 7777;
 
  webpackConfig.plugins = webpackConfig.plugins || [];
  webpackConfig.plugins.push(compileStatusTitlePlugin);
 
  var compiler = webpack(webpackConfig);
  var server = new WebpackDevServer(compiler, {
    hot: true,
    stats: { colors: true },
    contentBase: './',
    publicPath: 'http://192.168.7.181:7777/build/'
  });
  gutil.log("Webpack listenning at " + host + ":" + port);
  server.listen(7777, '0.0.0.0', function () {});
});