在Webpack中配置多个页面的正确方法是什么？

entry: {
  page1: './src/page1.js',
  page2: './src/page2.js',
  page3: './src/page3.js',
},

plugins: [
  new HtmlWebpackPlugin({
    filename: 'page1.html',
    template: './src/page1.html',
    chunks: ['page1'],
  }),
  new HtmlWebpackPlugin({
    filename: 'page2.html',
    template: './src/page2.html',
    chunks: ['page2'],
  }),
  new HtmlWebpackPlugin({
    filename: 'page3.html',
    template: './src/page3.html',
    chunks: ['page3'],
  }),
],

output: {
  filename: '[name].bundle.js',
  path: path.resolve(__dirname, 'dist'),
},