Не могу получить прокси webpack-dev-server и наблюдать за работой вместе

Question

Не могу получить прокси webpack-dev-server и наблюдать за работой вместе

Я пытаюсь заставить работать вместе webpack и PHP.

Прокси-сервер к встроенному веб-серверу PHP работает, но он теряет возможность отслеживать изменения в index.php и остальных файлах PHP.
Просмотр файлов js работает правильно.

Package.json

"devDependencies": {
"webpack": "^2.1.0-beta.21",
"webpack-dev-server": "^1.15.0"},
"scripts": {
"backend": "cd src && php -S localhost:9000",
"server": "webpack-dev-server --inline --colors --progress --display-error-details --display-cached --port 3000 --content-base src",
"start": "start npm run backend && start npm run server"}

webpack.config.js

devServer: {
proxy: {
'/': {
target: {
host: "localhost",
port: 9000,
protocol: "http"}
}
},
},
watch: true,

Без прокси часы и livereload работают корректно (для файла index.html).

Как я могу указать webpack-dev-server явно просматривать файлы php?

Может быть, способ, которым я пользуюсь для получения прокси PHP, неправильный или слишком сложный? Я хотел бы услышать о других решениях.

Спасибо

4

npm php proxy webpack webpack-dev-server

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

У меня была такая же проблема, и было больно: D

Я бы предложил вам использовать плагин BrowserSync. устанавливать browsersync а потом browser-sync-webpack-plugin, тогда все, что вам нужно сделать, это потребовать или импортировать browser-sync-webpack-plugin в вашем webpack разработка конфигурации. Последним шагом было бы добавить его в конфигурационный файл webpack как плагин …

    new BrowserSyncPlugin({
proxy: 'http://mylocalpage.loc/',
tunnel: true,
files: ['resources/', 'public/index.php']
})

для получения дополнительной информации посетите BrowserSync а также BrowserSyncWebpackPlugin.

Также у меня есть webpack.config.js для развития и webpack.config.prod.js для производства, так webpack-dev-server использует по умолчанию webpack.config. Также в моем случае /resources папка содержит все мои .js а также .sass файлы.

3