vue3x多页面运行默认打开其中的某一页面

可以在webpack配置文件中配置entry入口和HTMLWebpackPlugin插件来实现。

配置entry入口

在webpack.config.js中配置entry入口，例如：

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

上面的配置将会生成三个入口文件：page1.js、page2.js和page3.js。

配置HTMLWebpackPlugin插件

在webpack.config.js中配置HTMLWebpackPlugin插件，例如：

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: {
    page1: './src/page1.js',
    page2: './src/page2.js',
    page3: './src/page3.js',
  },
  plugins: [
    new HtmlWebpackPlugin({
      title: 'Page 1',
      template: 'src/index.html',
      filename: 'page1.html',
      chunks: ['page1'],
    }),
    new HtmlWebpackPlugin({
      title: 'Page 2',
      template: 'src/index.html',
      filename: 'page2.html',
      chunks: ['page2'],
    }),
    new HtmlWebpackPlugin({
      title: 'Page 3',
      template: 'src/index.html',
      filename: 'page3.html',
      chunks: ['page3'],
    }),
  ],
  // ...
}

上面的配置将会生成三个HTML文件：page1.html、page2.html和page3.html，每个文件中只包含对应的入口chunk。

配置默认打开页面

可以在webpack-dev-server的配置中设置open选项来指定默认打开的页面，例如：

module.exports = {
  // ...
  devServer: {
    open: 'page2.html',
  },
};

上面的配置将会默认打开page2.html页面