Question

我试图让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,

没有代理，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文件。

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

1 个答案: