Плагин webpack - проблемы в режиме просмотра

Question

TL;DR

Я хочу предварительно скомпилировать кучу файлов *.tpl в файл templates.js, который может потребоваться и использоваться в main.js. Я также хочу, чтобы webpack в режиме просмотра отслеживал изменения в файлах.tpl.

Более подробное описание

Псевдокод плагина выглядит примерно так:

function Tmpl(options) {}

Tmpl.prototype.apply = function(compiler) {
    compiler.plugin('compilation', (compilation) =>  {
        // Get template files and bundle them all to one file
        var code = getFilesAndBundleStuff();

        // Write the output to a file to be required in main.js
        fs.writeFileSync(path.join(__dirname, 'templates.js'), code);
    });
};

module.exports = Tmpl;

Последняя часть, которая записывает результат в новый файл, запускает кучу событий наблюдения, и все становится как бананы. Я не уверен, что "компиляция" - правильное место в цепочке для выполнения этой работы, но я новичок в веб-пакете и не понимаю, как эта цепочка действительно работает.

Все это прекрасно работает в обычном режиме webpack, но было бы замечательно, если бы он работал в режиме --watch.