Как заставить Webpack, Wordpress и BrowserSync работать вместе?

Я занимаюсь этим уже около недели, и я не смог заставить трех работать вместе. Я буду вечно благодарен, если кто-нибудь поможет мне с этим, я потратил столько часов.

вопрос:
Если я прокси-сервер.Дэв горячей перезагрузки 404s. Изменение publicPath ничего не делает. Я прикрепляю url к webpack-hot-middleware / client, он исправляет путь, но файл hmr заканчивается ошибкой "GET" в консоли без информации. Горячая перезагрузка работает нормально, если Я сохраняю его HTML и игнорирую любой php / MAMP. Я в целом действительно смущен, и мне, вероятно, не хватает простой концепции.

что я пытаюсь заставить работать вместе:
- Wordpress для своего REST API
- Реагировать на просмотры и ui
- MAMP для localhost & MySQL
- BrowserSync для тестирования на разных устройствах
- Webpack для компиляции и горячей перезагрузки

это шаблон I используется: https://github.com/Browsersync/recipes/tree/master/recipes/webpack.react-hot-loader

Структура Каталогов Темы:
- /inc
- /src
--/компоненты
-- /контейнеры
--/стили
--приложение.js
-пачка.js
-должностные обязанности.в PHP
-индекс.в PHP
-пакет.в JSON
-сервер.js
-стиль.в CSS
-webpack.конфиг.js

Я пробовал миллион конфигураций так Я выпотрошил код ниже для простоты.

webpack.конфиг.js:

var webpack = require('webpack');
var path = require('path');

module.exports = {
  context: path.join(__dirname, 'src'),

  entry: [
    'webpack/hot/dev-server',
    'webpack-hot-middleware/client',
    './app'
  ],

  output: {
    path: __dirname,
    publicPath: __dirname,
    filename: 'bundle.js'
  },

  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],

  module: {
    loaders: [
      { test: /.jsx?$/, exclude: /node_modules/, loaders: ['react-hot', 'babel'] }
    ]
  }
};

сервер.js:

/**
 * Require Browsersync along with webpack and middleware for it
 */
var browserSync = require('browser-sync');
var webpack = require('webpack');
var webpackDevMiddleware = require('webpack-dev-middleware');
var webpackHotMiddleware = require('webpack-hot-middleware');

/**
 * Require ./webpack.config.js and make a bundler from it
 */
var webpackConfig = require('./webpack.config');
var bundler = webpack(webpackConfig);

/**
 * Run Browsersync and use middleware for Hot Module Replacement
 */
browserSync({
    proxy: {
      target: 'http://myserver.dev',
      middleware: [
        webpackDevMiddleware(bundler, {
          // IMPORTANT: dev middleware can't access config, so we should
          // provide publicPath by ourselves
          publicPath: webpackConfig.output.publicPath,

          // pretty colored output
          stats: { colors: true }

          // for other settings see
          // http://webpack.github.io/docs/webpack-dev-middleware.html
        }),

        // bundler should be the same as above
        webpackHotMiddleware(bundler)
      ]
    },

    // prevent opening a new window.
    open: false,

    // no need to watch '*.js' here, webpack will take care of it for us,
    // including full page reloads if HMR won't work
    files: [

    ]
});

пакета.в JSON:

{
  "main": "server.js",
  "scripts": {
    "build": "webpack",
    "start": "node ."
  },
  "dependencies": {
    "babel-core": "^5.8.9",
    "babel-loader": "^5.3.2",
    "browser-sync": "^2.8.0",
    "react": "^0.13.3",
    "react-hot-loader": "^1.2.8",
    "webpack": "^1.10.5",
    "webpack-dev-middleware": "^1.2.0",
    "webpack-hot-middleware": "^1.1.0"
  }
}