使用 Gulp 4 重新加载 browserSync 时不会注意到 SCSS/JS 更改答案

【问题标题】：SCSS/JS changes don't get noticed while reloading with browserSync using Gulp 4使用 Gulp 4 重新加载 browserSync 时不会注意到 SCSS/JS 更改
【发布时间】：2020-01-13 03:22:42
【问题描述】：

当我对 Gulp 正在监视的任何文件进行更改时，浏览器不会重新加载 scss/js 更改，只会读取和更新对 index.html 所做的更改。

此外，我对scss 文件所做的每一次更改都应该构建的main.css 没有得到更新。 scss 文件中的更改确实会触发重新加载操作，但它们不会被应用。

我使用 Gulp v4.0.2 作为我的任务运行器。

Here's我的gulpfile.js的链接

我希望看到 scss/js 在重新加载操作时发生变化。

【问题讨论】：

标签： javascript css gulp browser-sync

【解决方案1】：

由于 v4 gulp 有不同的syntax。
BrowserSync 也是updated，现在你必须调用.create() 方法

const browserSync = require('browser-sync').create();

但无论如何，请尝试遵循本指南minimal-browsersync-setup-with-gulp4.md，希望对您有所帮助

【讨论】：

【解决方案2】：

这可能只是一个缓存问题吗？如果出现更改，您是否检查了dist/main.css？

【讨论】：