php - 无法获取 webpack-dev-server 代理和 watch 一起工作

Question

我正在尝试让 webpack 和 PHP 一起工作。

对 PHP 内置网络服务器的代理可以工作，但它无法监视 index.php 和其余 PHP 文件的更改。观看 js 文件工作正常。

包.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,

在没有代理的情况下，watch 和 livereload 工作正常(在 index.html 文件上)。

我如何告诉 webpack-dev-server 显式监视 php 文件？

也许我用于获取 PHP 代理的方式是错误的或太复杂了？我想听听其他解决方案。

谢谢

Answer 1

我有同样的问题，而且很痛苦: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 文件。