没有scss的Browsersync？

Browsersync是一个强大的开发工具，用于在多个浏览器窗口中同步测试和调试前端代码的变化。它提供了许多有用的功能，如自动刷新页面、同步滚动、表单输入同步等。

SCSS（Sass）是一种CSS预处理器，它提供了许多增强的功能，如嵌套规则、变量、混合器等，可以提高CSS代码的可维护性和重用性。

如果没有SCSS的Browsersync，意味着无法直接在Browsersync中使用SCSS的增强功能。但是，Browsersync仍然可以用于同步测试和调试普通的CSS文件。

对于没有SCSS的Browsersync，可以按照以下步骤进行配置和使用：

1. 安装Browsersync：可以使用npm（Node Package Manager）来安装Browsersync。在命令行中运行以下命令：npm install -g browser-sync
2. 创建Browsersync配置文件：在项目根目录下创建一个名为bs-config.js的文件，并添加以下内容：module.exports = { server: { baseDir: "./" }, files: ["*.html", "*.css"] };这个配置文件指定了Browsersync的服务器根目录和需要监视的文件。
3. 启动Browsersync：在命令行中进入项目根目录，并运行以下命令：browser-sync start --config bs-config.js这将启动Browsersync，并在默认浏览器中打开项目的首页。

现在，当你修改项目中的CSS文件时，Browsersync将自动刷新浏览器页面，以显示最新的更改。

虽然没有SCSS的Browsersync无法直接使用SCSS的增强功能，但你仍然可以在开发过程中手动编译SCSS文件为CSS文件，并将其包含在Browsersync监视的文件列表中。这样，当你修改SCSS文件时，手动编译为CSS文件后，Browsersync将自动刷新浏览器页面。

这是一个简单的解决方案，帮助你在没有SCSS的情况下使用Browsersync进行前端开发和调试。