加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

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

发布时间:2020-12-13 17:01:21 所属栏目:PHP教程 来源:网络整理
导读:我正在努力让webpack和 PHP一起工作. 代理PHP内置的Web服务器可以正常工作,但它失去了查看index.php和其他PHP文件的更改的能力. 看js文件是正确的. 的package.json "devDependencies": { "webpack": "^2.1.0-beta.21","webpack-dev-server": "^1.15.0" },"sc
我正在努力让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文件.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读