配置Webpack dev server，使其能够使用Express提供的需要通过Passport授权的API路由

这是我的路由结构：

• （申请手册网站）
• （申请注册）
• （应用程序登录）
• *（React/Redux应用程序-使用Passport auth）
• *（Express API-使用Passport身份验证）

在使用Express server和从CLI构建bundle.js时，一切都正常工作，但为了加快开发速度，我现在想使用Webpack dev server，现在需要以考虑已设置的Passport授权的方式进行配置

这是我的网页配置：

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 dev服务器，使用Webpack热中间件和Webpack dev中间件——这听起来正确吗