配置Webpack dev服务器,以便能够使用Express提供的API路由,这些路由需要通过Passport授权

Question

这是我的路由结构:

• http:// localhost:3000 /(应用手册网站)
• http:// localhost:3000/register(应用注册)
• http:// localhost:3000/login(应用程序登录)
• http:// localhost:3000/app /*(React/Redux应用程序 - 使用Passport身份验证)
• http:// localhost:3000/api /*(Express API - 使用Passport身份验证)

在使用Express服务器并从CLI构建bundle.js时,一切正常,但为了加快开发,我现在想要使用Webpack dev服务器,现在需要以一种方式配置事物.考虑已设置的Passport授权.

这是我的Webpack配置:

module.exports = {
  entry: [
    './client/src/index.js'
  ],
  output: {
    path: __dirname + '/server/public',
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      loader: 'babel'
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './client'//,
    // proxy: {
    //   '/api/*': {
    //     target: 'http://localhost:3000',
    //     secure: false
    //   }
    // }
  }
};

我已经浏览了Webpack文档,但对我来说没有什么是真正清楚的,我似乎没有尝试过.我绕圈子,显然错过了一个基本步骤,因为我认为这是一个非常常见的用例.

任何指针都会非常感激.

编辑

从我的阅读内容来看,似乎可以选择实际抛弃Webpack开发服务器,并使用webpack-hot-middleware和webpack-dev-middleware - 这听起来是对的吗？