Javascript 第4页，查看文件结构外的文件夹

我在开发模式下使用webpack构建并观看了一个应用程序，在该项目中，我动态地需要范围之外的其他项目文件夹中的模块。我想查看这些文件夹，如果它们发生更改（或添加了新文件），则触发重新编译。我已经找到了一些信息和这个，但似乎没有任何工作与网页4。下面是我的

webpack.dev.js

的代码，我认为它应该可以工作，但不会在更改时重新编译

module.exports = merge(common, {
    mode: 'development',
    devtool: 'source-map',
    plugins: [
        function (compiler) {
            compiler.hooks.afterCompile.tapAsync('WatchDecorators', (compilation, callback) => {
                projectDecoratorPaths.forEach(decoratorFolder => {
                    compilation.contextDependencies.add(decoratorFolder);
                });
                callback();
            });
        }
    ]
});

projectdecorpaths

是一个文件夹数组，看起来像

projectName/src/js/folder/*.js

。但当我在其中一个文件夹中更改文件或添加文件时，watch中不会发生任何事情。我做错了什么

编辑：或者我怎样才能让它工作

编辑：我现在已经找到了应该与Webpack4一起使用的，并且看起来使用和维护得很好，但是即使它确认它正在查看确切的外部文件，它仍然不会在更改时重新编译。我没有使用热模块替换，代码如下

plugins: [
    new WatchExternalFilesPlugin({
        files: projectDecoratorPaths,
        verbose: true
    })
]