Как синхронизировать Webpack + Open Server локально?

Подскажите, можно ли как то синхронизировать работу файлов Open Server с Webpack. Что бы проект можно было прослушивать во время npm start, получать возможности webpack но так же читать PHP и БД. С помощью devServer этого сделать увы не получилось. Не совсем понятно как настраивать прокси. Но нашел полезный вопрос тут StackOverflow Там говорится о дополнительном плагине BrowserSync. Теперь получается что при команде npm start у меня всё грузится (php,db) и адрес отдается с Webpack но он не видит папку dist/build (в которую при дальнейшем npm run build будет собираться проект) В целом вопрос такой. Как при npm start транслировать еще не собранную папку dist?

  devServer: {
historyApiFallback: true,
contentBase: paths.build,
open: true,
compress: true,
watchContentBase: true,
port: 3000,

},

plugins: [

  new BrowserSyncPlugin(
      {
          host: 'localhost',
          port: 3000,
          proxy: 'http://ссылка на адрес проекта Open server.ru/',
          files: [
              {
                  match: ['./src'],
                  fn(event, file) {
                      if (event === 'change') {
                          const bs = require('browser-sync').get('bs-webpack-plugin');
                          bs.reload();
                      }
                  },
              },
          ],
      },
      {
          reload: false,
      }
  ),

], })