我已经在webpack上学习了两个星期，并且我已经看到了许多前端设置的示例，并且可能只是后端的一个设置。
我正在尝试使用节点后端（例如express，koa，hapi等）设置一个React应用，其中我需要至少一个后端的转换步骤（例如babel，coffeescript等），并且我认为在其中使用webpack以获得一致性而不是向混合中添加其他构建机制（例如gulp，grunt等）会更好。
如果我可以对后端进行更改并让服务器自动重启（手表样式），那也将很棒。
我想知道这样做的最好方法是基本上有两个不同的项目设置，它们分别带有package.json和webpack.config文件。也许将后端的一个嵌套server在顶层项目文件夹中的一个文件夹下，并在顶层的package.json文件中使用一个或多个脚本指令来控制这两个。
我想我可能不得不将一台服务器代理到另一台服务器，以避免CORS问题。
从比我更适合测试的Webpack战斗中寻找任何指导。
问候，托尼。
最简单的方法是将其分为两个任务：构建步骤，输出到文件夹（例如，“服务器”），然后观察输出文件夹中的更改并重新启动服务器任务。
它可以与客户端构建代码位于同一个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'
}
}
];
对于监视步骤，nodemon监视器将更改并重新启动。否则，您可以使用fs.watch或node-watch之类的工具将监视任务手动添加到server.js中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句