+
95
-

回答

要启动多个应用实例,你可以通过配置不同的端口号和入口文件来启动多个 webpack dev server 实例。以下是一种实现方法:

配置 webpack dev server

在每个应用的 webpack 配置文件中,可以指定不同的端口号和入口文件。在 webpack.config.js 文件中,可以通过 devServer 配置项指定端口号和入口文件,例如:
devServer: {
  port: 3000, // 指定端口号
  open: true, // 自动打开浏览器
  hot: true, // 启用热更新
  contentBase: path.resolve(__dirname, 'dist'), // 指定静态资源目录
},

启动多个应用实例

在每个应用的项目目录下,分别运行 webpack dev server 命令。假设你有两个应用项目,分别是 app1 和 app2,可以在每个应用的项目目录下分别运行以下命令:
npx webpack-dev-server --config webpack.config.js
这样就会在不同的端口上启动两个不同的 webpack dev server 实例,分别对应不同的应用。

访问多个应用

启动完不同应用的 webpack dev server 实例后,可以通过访问对应的端口号来访问不同的应用。例如,http://localhost:3000 和 http://localhost:3001 分别对应不同的应用。

通过以上步骤,你可以在同一台机器上同时启动多个应用实例,方便进行开发和测试不同的应用。确保每个应用实例使用不同的端口号,并在不同的项目目录下分别启动 webpack dev server。

网友回复

我知道答案,我要回答