Webpack4 multi-entry splitChunks split code, HtmlWebpackPlugin cannot inject vendor and runtime

after webpack4 multi-entry application uses splitChunks split code, HtmlWebpackPlugin cannot inject vendor.bundle and runtime.bundle
entry:

entry: {
    app: path.join(__dirname, "../src/app.js"),
    main: path.join(__dirname, "../src/main.js")
  },

HtmlWebpackPlugin configuration

new HtmlWebpackPlugin({
      chunks: ["main"],
      filename: "main.html",
      template: path.join(__dirname, "../index.html"),
      inject: true,
      minify: {
        removeComments: true
      }
    }),
    new HtmlWebpackPlugin({
      title: "app",
      chunks: ["app"],
      filename: "app.html",
      template: path.join(__dirname, "../app.html"),
      inject: true,
      minify: {
        removeComments: true
      }
    })

optimization configuration

optimization: {
    splitChunks: {
      chunks: "all"
    },
    runtimeChunk: {}
  }

after packing:

main.html main.bundlevendors~main.bundle.jsruntime~main.bundle.js

Why?

The corresponding chunkname


splitChunks: {
            chunks: 'all',
            maxInitialRequests: 5,
            cacheGroups: {
              default: false,
              vendors: {
                test: /[\\/]node_modules[\\/]/,
              },
            },
          },
runtimeChunk: {
    "name": "manifest"
}
needs to be defined in the chunks array in
HtmlWebpackPlugin .
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9dba4-4ee4d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e9dba4-4ee4d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?