php – 无法获得webpack-dev-server代理并一起观看工作

我正在努力让webpack和PHP一起工作.

代理PHP内置的Web服务器可以正常工作,但它失去了查看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代理的方式是错误的还是太复杂？我想听听其他解决方案.

谢谢

解决方法:

我有同样的问题,很痛苦：D

我建议你使用BrowserSync插件.安装browsersync然后浏览器sync-webpack-plugin,然后你需要做的就是在webpack开发配置中要求或导入browser-sync-webpack-plugin.最后一步是将它作为插件添加到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.在我的case / resources文件夹中也包含我的所有.js和.sass文件.

标签：php,npm,proxy,webpack,webpack-dev-server
来源： https://codeday.me/bug/20190627/1310136.html