13

我已经在 webpack 上学习了几个星期了，我已经看到了很多前端设置的例子，可能只是后端设置的这个例子。

我正在尝试设置一个带有节点后端（例如 express、koa、hapi 等）的 react 应用程序，我需要至少一个后端转换步骤（例如 babel、coffeescript 等），并且我认为在那里使用 webpack 以保持一致性而不是添加另一种构建机制（例如 gulp、grunt 等）会很好。

如果我可以对后端进行更改并让服务器自动重新启动（手表样式），那也很棒。

我想知道最好的方法是基本上有两个不同的项目设置，它们有自己的 package.json 和 webpack.config 文件。可能将后端嵌套server在顶层项目文件夹中的一个文件夹下，并使用顶层 package.json 文件中的一个或多个脚本指令来控制两者。

我想我可能必须将一台服务器代理到另一台服务器以避免 CORS 问题。

从那些比我经过更多 webpack 战斗测试的人那里寻找任何指导以获得一个体面的设置。

问候，托尼。

4

1 回答 1

15

最简单的方法是将其拆分为两个任务：输出到文件夹（例如“服务器”）的构建步骤，然后观察输出文件夹的更改并重新启动服务器任务。

1.构建任务

这可以与客户端构建代码在同一个 webpack.config 中 - 你可以导出一个数组，webpack 将监视所有这些。示例 webpack.config.js（上半部分用于服务器）

module.exports = [
{
  name: 'server code, output to ./server',
  entry: './index.js',
  output: {
    filename: './server/index.js'
  },
  target: 'node'
},
{
  name: 'client side, output to ./public',
  entry: './app.js',
  output: {
    filename: './public/app.js'
  }
}
];

2.看步

对于 watch 步骤，nodemon监控更改并重新启动。否则，您可以使用fs.watch或node-watch等手动将监视任务添加到 server.js 。

于 2015-06-07T14:04:59.800 回答