要启动多个应用实例,你可以通过配置不同的端口号和入口文件来启动多个 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。
网友回复