为什么浏览器同步不刷新（仅）CSS 更改？

Question

这是我当前的配置：

  "scripts": {
    "dev": "run-p dev:*",
    "build": "run-p build:*",
    "build:webpack": "webpack --mode production",
    "dev:webpack": "webpack --mode development",
    "dev:bs": "browser-sync start --proxy '[my dev domain here]' --files 'style.css, **/*.css, ./template-parts/blocks/**/*.scss, ./*.php, ./**/*.php, ../../lib/**/*.php, ./js/dist/*.js, ./js/product-list/dist/*.js'"
  },

Using "browser-sync": "^3.0.2" and "npm-run-all": "^4.1.5"

我的问题是它适用于 js 和 php，但不适用于 css。它总是有效，这是我从一个项目复制到另一个项目的配置，本质上总是由我 100% 定制的相同的 WordPress 模块。

浏览器同步正确识别 CSS 更改：

[Browsersync] File event [change] : style.css

但是在

http://localhost:3000/

下不刷新。该问题仅针对 css 文件。路径是正确的。

有什么想法吗？

Answer 1

由于缓存、文件监视限制、配置错误、Webpack 编译问题、版本兼容性或网络/防火墙限制，浏览器同步可能无法刷新 CSS 更改。确保缓存已清除，文件监视限制适当，配置正确，webpack 正确编译 CSS，版本兼容，并且没有网络/防火墙限制。