配置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 dev服务器，并使用webpack-hot-middleware和webpack-dev-middleware - 这听起来是对的吗？