在 webpack 配置中，我应该把“webpack-hot-middleware/client”放在哪里？

如何解决在 webpack 配置中，我应该把“webpack-hot-middleware/client”放在哪里？

根据 docs，我需要将 webpack-hot-middleware/client 添加到我的 entry 数组，但我的配置中没有条目数组。我的 webpack 开发配置文件是这样的：

module.exports = merge(baseConfig,{
    mode: "development",target: 'web',entry: {
        app:
            utils.resolve('/src/entry-client.js')
    },output: {
        path: utils.resolve('/dist'),filename: '[name].js',chunkFilename: '[name].js',publicPath: '/'
    },devServer: {
        port: 8080,hot: true,serverSideRender: true,logLevel: 'silent',reload: true,index: 'index.html',stats: {colors: true,modules: false,children: false,chunks: false,chunkModules: false,},historyApiFallback: true,overlay: {
            warnings: true,errors: true,}
    },resolve: {
        extensions: ['.js','.vue'],optimization: {
        minimize: false,splitChunks: {
            cacheGroups: {
                vendors: {
                    name: 'vendors',test: /[\\/]node_modules[\\/]/,priority: -10,chunks: 'all'
                },common: {
                    name: 'common',minChunks: 2,priority: -20,chunks: 'all',reuseExistingChunk: true
                },module: {
        rules: [
            {
                test: /\.m?js$/,exclude: ['/node_modules/',/\bcore-js\b/,/\bwebpack\/buildin\b/,/@babel\/runtime-corejs3/],use: {
                    loader: 'babel-loader',}
            },plugins: [
        new webpack.HotModuleReplacementPlugin(),]
});

output.filename 必须是 app.js，因此 entry 对象已明确将入口点命名为 app: utils.resolve('/src/entry-client.js')。（utils.resolve 位是从另一个文件导入的，只是帮助我解析路径。

如果我希望 output.filename 保持为 app.js，我如何将 webpack-hot-middleware/client 添加到这个入口点？

我无法执行以下操作，因为我的 app.js 变成了我不想要的 main.js：

entry: [
        utils.resolve('/src/entry-client.js'),'webpack-hot-middleware/client'
    ],