Как подключить Webpack 5 (devServer) к Open Server для чтения PHP файлов?

Question

[Дмитрий]

Доброго времени суток.
Подскажите пожалуйста как можно свою webpack сборку настроить на работу с Open Server, чтоб я могу через devServer так же отслеживать файлы не только HTML но и PHP ну и база данных чтоб работала со всем этим.
Вычитал что нужно делать proxi параметр у devServer, но реализовать так и не получилось. При команде npm start открывается стартовая страница Open Server'a.
Спасибо больше!!!

devServer: {
    historyApiFallback: true,
    contentBase: paths.build,
    open: true,
    compress: true,
    watchContentBase: true,
    port: 3000,
    proxy: {
      '**': {
        target: 'http://my.site/'
      },
    },
  },

Сейчас вот так
Вот такой результат

Comments

[Froggyweb]

target должен быть твой локалхост. ну и не все запросы тебе нужно перенаправлять например html может браться с сервера, а css со сборки...
при настройке мне сильно помогла эта секция из документации

webpack.config.js

module.exports = {
  //...
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        bypass: function (req, res, proxyOptions) {
          if (req.headers.accept.indexOf('html') !== -1) {
            console.log('Skipping proxy for browser request.');
            return '/index.html';
          }
        },
      },
    },
  },
};