如何挂钩到webpack-dev-server构建？

Question

我正在使用webpack和webpack-dev-server。

我想在html页面上显示git describe输出。

webpack-dev-server是否有方法重建，执行git describe，并将输出放在页面的某个位置？

Answer 1

如果您是using webpack with grunt，则可以添加grunt-git-describe npm package。

这将允许您包含"git-describe" task和/或保存其输出：

grunt.registerTask('saveRevision', function() {
    grunt.event.once('git-describe', function (rev) {
        grunt.log.writeln("Git Revision: " + rev);
        grunt.option('gitRevision', rev);
    });    
    grunt.task.run('git-describe');
});

Answer 2

我的解决方案：我为webpack写了插件

var GitDescribePlugin = function(/*options*/) {
};

GitDescribePlugin.prototype.apply = function(compiler) {
  compiler.plugin("compile", function(/*params*/) {
    console.log("The compiler is starting to compile...");
    child_process.execSync('git describe --always > gitdescribe.txt');
  });
};