如何在vue的多条目中使用webpack热中间件

我在多个条目中使用

webpack热中间件

，我在插件配置中为每个条目指定一个路径，我可以在浏览器控制台中看到

[HMR]connected

。当我更新我的文件时，我看到网页包重新生成，但从未重新加载

我的一些配置如下所示：

const devMiddleware = require('webpack-dev-middleware');
const hotMiddleware = require('webpack-hot-middleware');
const app = express();
const webpackConfig = require(`../configs/webpack.dev.conf.js`);

dirs.forEach(function(dir, index) {
    let _config = new webpackConfig(dir);

    app.use(devMiddleware(webpack(_config), {
        publicPath: _config.output.publicPath
    }));
    app.use(hotMiddleware(webpack(_config), {
        path: `/${dir}/__webpack_hmr`
    }));
});

function getDirs(_dir) {
    return fs.readdirSync(_dir)
        .filter((_file) => {
            return fs.statSync(path.join(_dir, _file)).isDirectory()
        })
}

在我的

webpack.dev.conf.js

中：

module.exports = function (dir) {
    /* some other config here */
    webEntry.push(`webpack-hot-middleware/client?reload=true&path=/${dir}/__webpack_hmr`);

    const webConfig = {
        entry: webEntry,
        output: {
            path: helper.rootNode('./dist', dir),
            filename: '[name].web.js',
            publicPath: `/${dir}`
        },
    /* some other config here */
    }

    return webConfig;
}

此外，我还在我的插件列表中添加了新的webpack.HotModuleReplacementPlugin（）

每次更改代码时，我都可以看到

webpack dev middleware

重新编译，但在浏览器控制台中连接

[HMR]后，我再也看不到更改后的重新加载。我在我的vue项目中使用了这一点，即每个组件或视图都是单个文件组件。它在vue loader的帮助下正常工作

我的配置有什么问题吗？提前谢谢你的帮助