BrowserSync 文件更改不会随 Vagrant 传播
BrowserSync file changes are not propagated with Vagrant
我在 Windows 上使用了一个 vagrant box (Varying Vagrant Vagrants)。我正在使用带有适当来宾插件 (5.0.26) 的最新 Virtualbox。
我的 Vagrantfile 中有以下设置
# Browsersync port forward
config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true
config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true
使用这个命令:
browser-sync start --proxy "sitename.dev" --files "assets/css/*.css"
浏览器同步正确初始化。当我直接在虚拟机中更改 css 文件时,一切正常,css 被注入到我的浏览器中。
当我更改主机文件系统中的文件时,没有任何反应。浏览器同步不知道文件更改(文件在主机和虚拟文件系统之间正确同步)。
我也尝试过使用 nfs 和简单的 Virtualbox 同步文件夹。 (不仅仅是这里描述的 NFS:https://github.com/fideloper/Vaprobash/issues/368)
我怎样才能让它工作?
编辑:
我已经开始工作并根据它回答了我的问题。
顺便说一句,这个解决方案也适用于 NFS,与主机无关 OS.
此处描述的解决方案:https://github.com/BrowserSync/browser-sync/issues/318#issuecomment-98355661 @faergeek
只需将 usePolling: true 添加到您的 bs-config.js 中,如下所示:
module.exports = {
"files": 'assets/css/*.css',
"watchOptions": {
usePolling: true
},
"proxy": ''
};
然后像这样启动浏览器同步:
browser-sync start --config bs-config.js
我在 Windows 上使用了一个 vagrant box (Varying Vagrant Vagrants)。我正在使用带有适当来宾插件 (5.0.26) 的最新 Virtualbox。
我的 Vagrantfile 中有以下设置
# Browsersync port forward
config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true
config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true
使用这个命令:
browser-sync start --proxy "sitename.dev" --files "assets/css/*.css"
浏览器同步正确初始化。当我直接在虚拟机中更改 css 文件时,一切正常,css 被注入到我的浏览器中。 当我更改主机文件系统中的文件时,没有任何反应。浏览器同步不知道文件更改(文件在主机和虚拟文件系统之间正确同步)。
我也尝试过使用 nfs 和简单的 Virtualbox 同步文件夹。 (不仅仅是这里描述的 NFS:https://github.com/fideloper/Vaprobash/issues/368)
我怎样才能让它工作?
编辑: 我已经开始工作并根据它回答了我的问题。 顺便说一句,这个解决方案也适用于 NFS,与主机无关 OS.
此处描述的解决方案:https://github.com/BrowserSync/browser-sync/issues/318#issuecomment-98355661 @faergeek
只需将 usePolling: true 添加到您的 bs-config.js 中,如下所示:
module.exports = {
"files": 'assets/css/*.css',
"watchOptions": {
usePolling: true
},
"proxy": ''
};
然后像这样启动浏览器同步:
browser-sync start --config bs-config.js