我正在努力让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,
没有代理,手表和肝脏负载工作正确(在index.html文件)。
我如何告诉webpack-dev-server显式地观看php文件?
也许我使用的方式获得PHP代理是错误的或太复杂?我想听听其他的解决办法。
谢谢
我也有同样的问题,而且很痛苦:D
我建议你使用BrowserSync插件。安装browsersync
,然后是browser-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。此外,在我的情况下,/resources
文件夹包含我所有的.js
和.sass
文件。