webpack-dev-serverとバックエンドのサービスの最も簡単な組み合わせは使います.

最近reactのプロジェクトをして、バックエンドはnodejsでサービスをしました.webpack-dev-serverをフロントエンドの資源として利用したいです.他のapiはバックエンドのnodejsサービスを利用して、資料を調べてみました.インターネットで話しているのは複雑です.模索した結果、実は簡単な原理を利用して実現できます.ここのやり方には二つのオプションがあります.

  webpack-dev-server    3000。nodejs      9000。
      ，     3000     ，       。           3000。
         。
1,           3000  ，     ，         ，       api   ，     。    proxy  ，                     ：

new WebpackDevServer(webpack(config), {
    contentBase:  'src/client',
    proxy: {
        '/api/*': {
            target: 'http://localhost:9000'
        }
    },
    publicPath: config.output.publicPath,
    hot: true,
    historyApiFallback: true
}).listen(3000, 'localhost', function (err, result) {
    if (err) {
        return console.log(err);
    }

    console.log('webpack dev server is listening at http://localhost:3000/')
});

          api   。
2，                ，  nodejs       。
                ？         publicPath，               。     WebpackDevServer publicPath webpack config  publicPath    3000             ， ：
publicPath: 'http://localhost:3000/dist/client/'
                   ，              。    ，       node                 ，           。