Question

我目前正在使用React构建应用程序，该应用程序在单独的后端与API进行通信。在我的server.js我已经快速收听了WebpackDevServer的一个端口，以及另一个用于提供简单index.html的端口。这是事情的样子：

new WebpackDevServer(webpack(config), {
    publicPath: config.output.publicPath,
    watchOptions: {
      aggregateTimeout: 300,
      poll: 1000
    }
  })
  .listen(3001, '0.0.0.0', function (err, result) {
    if (err) {
      console.log(err);
    }

    console.log('Running at http://0.0.0.0:3001');
  });

app.use(express.static(__dirname + '/dist'));

app.get('*', function(req, res) {
    res.sendFile(path.join(__dirname, 'index.html'))
})

app.listen(4000, function() {
    console.log('Running at http://0.0.0.4000')
})

如何根据我的环境有条件地选择运行哪个服务器？我不希望这两个端口都有我的前端运行实例。
修改scripts中的package.json部分以适应变化的好方法是什么？

Answer 1

您可以将代码拆分为两个单独的文件。并根据您的环境启动它们。

 "scripts": {
    "start-dev": "node src/webpack.js",
    "start-prod": "node src/server.js"
  }

如何在webpack-dev-server

1 个答案: