什么是browser-sync-core
browser-sync-core是一个npm包，它提供了一个用于创建浏览器自动刷新的库。使用这个库，可以实现自动更新网页，同时也可以对代码进行监听和编译。
安装
在使用browser-sync-core之前，需要先安装它。可以在命令行中使用以下命令进行安装：
npm install --save-dev browser-sync-core
此命令将安装browser-sync-core到您的项目中，并将其添加到您的开发环境中。
使用方法
步骤一：创建实例
首先需要创建一个browser-sync-core的实例。可以使用以下代码创建实例：
var browserSync = require('browser-sync-core');
var bs = browserSync.create();步骤二：设置配置项
然后，需要设置配置项。可以使用以下代码设置配置项：
-- -------------------- ---- -------
---------
------- -
-------- ----
--
------ -
-----------
----------
--------
-
---配置项详解
baseDir：服务器的根目录。可以设置为本地文件系统的相对路径或绝对路径。files：要监听的文件列表。当这些文件发生变化时，浏览器将自动重新加载。
步骤三：运行
最后，运行浏览器自动刷新：
bs.reload();
或者，监听文件添加或修改事件并重新加载：
bs.watch("./css/*.css").on("change", bs.reload);示例代码
以下是使用browser-sync-core的示例代码。
-- -------------------- ---- -------
--- ----------- - -----------------------------
--- -- - ---------------------
---------
------- -
-------- ----
--
------ -
-----------
----------
--------
-
---
------------总结
以上就是browser-sync-core的使用方法。它可以帮助您更方便快捷地在本地开发时实现浏览器自动刷新，让您在开发过程中更加顺畅高效。希望这篇文章能对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8accdc64669dde5214