任何人都可以帮助我了解如何将BrowserSync与已经运行的节点服务器一起使用吗?
我知道我必须代理服务器localhost:3000
但我在哪里以及如何做到这一点?
由于我没有使用Gulp / Grunt,我最好的猜测是使用express.js代理正在运行的BrowserSync,但看起来会是什么样?
修改
@ RunnyYolk的答案是正确的,最好的方法是在package.json文件中创建一个脚本,该文件具有您的节点服务器的BrowserSync代理。但是,当您需要等待进程首先完成时,更具体地说,如何使用BrowserSync,例如Angular编译,然后重新加载浏览器。
我的构建过程如下所示:
"build": "del-cli public/js/app && webpack --config webpack.config.dev.js --progress --profile --watch",
如何在webpack编译后调用browser-sync reload
?
答案 0 :(得分:2)
我已经使用一些Node项目运行浏览器同步。我记得前几次它有点小提琴,但绝对值得付出努力。
我不记得我到底发现了什么,但尝试这些事情让我知道它是否还没有播放:
假设安装了浏览器同步,请确保您的app.js文件(或您称之为的任何文件)让服务器侦听端口3000.
使用与此类似的命令启动应用程序:
browser-sync start --proxy localhost:3000 --files="public/stylesheets/*.css", "public/scripts/*.js" "public/views/*.ejs" --no-notify
这对我有用。 “--files”是浏览器同步要监视的文件列表,并且--no-notify删除了一些在每次文件更改时被触发的通知 - 在某些情况下可能有用,但我发现它们很烦人。
查看此命令,我注意到没有引用node app.js
来启动应用程序。我假设(尽管我不确定)bowser-sync在package.json中查找“start”脚本。因此,如果我的假设是正确的,并且如果上述命令对您不起作用,请检查您的package.json文件是否包含该脚本。