Question

当我使用以下命令在本地项目文件夹（只是html / css项目）中启动浏览器同步时：

browser-sync start --server --files "css/*.css"

在终端中输出以下内容后启动网站：

[BS] Access URLs:
-------------------------------------
   Local: http://localhost:3000
External: http://192.168.1.13:3000
-------------------------------------
      UI: http://localhost:3001
 UI External: http://192.168.1.13:3001
-------------------------------------
[BS] Serving files from: ./
[BS] Watching files...

当我对此文件夹中的CSS文件进行更改时，没有任何反应。当我通过命令-R手动重新加载页面时，会发生更改。

1）导致这种情况的原因是什么？
编辑：我通过以下命令类型找到了部分解决方案：

browser-sync start --server --files "*.html"

它现在检测index.html的更改。它不会从.css文件中注入更新，即使我输入以下命令：

browser-sync start --server --files "*.html CSS/*.css"

我的地图结构如下：

project X
   +-- CSS
       +-- normalize.css
       +-- styles.css
   +-- IMG
       +-- logo.jpg
   +-- pages
   +-- index.html

2）我怎样才能使程序听取index.html文件中的更改？编辑：已解决

Answer 1

回复＃2：

您是否尝试将*.html添加到要观看的文件中？

$ browser-sync start --server --files "css/*.css, *.html"

http://www.browsersync.io/docs/command-line/#files-example

Answer 2

所以，我发现问题1/2的解决方案如下：

browser-sync start --server --files "*.html css/*.css"

我的所有文件夹名称都必须小写。

Atom + Browser-sync不重新加载

2 个答案: