标签:php npm proxy webpack 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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。