随着前端技术的不断发展，现在前端开发工具越来越丰富，而且也越来越便捷。其中，自动化构建工具是前端开发中极为重要的一步，其中的livereload工具可以快速地在语法、样式改动后进行更新，使开发效率事半功倍，并且保证了更新的及时性。
digo-livereload是一个npm包，它可以帮助我们愉快地使用livereload，并且不需要担心繁琐的设置，只需要按照以下步骤即可快速上手使用。
安装
在开始使用前，我们首先需要安装digo-livereload，只需要在终端中输入以下命令即可进行安装：
npm install digo-livereload --save-dev
安装成功后，会在你的项目中自动新建一个 digo.config.js 文件，这是digo的配置文件，它会自动帮助我们进行livereload的配置工作。
使用教程
digo-livereload使用非常简单，只需要按照以下步骤即可开始愉快地使用。
第一步：导入需要的模块
在 digo.config.js 中导入 digo-livereload 模块：
const { livereload } = require("digo-livereload");第二步：添加livereload插件
在 pipe 函数中添加livereload插件。在插件执行时，它会自动帮我们监听文件的变动，并进行livereload操作。
-- -------------------- ---- -------
-------------- - -
-------- -
-- -----------
------------
-- ----
---
--
-- ---
--第三步：运行digo
在终端输入以下命令即可运行digo：
digo
现在您可以开始编写代码，然后保存文件，livereload插件会立即进行更新，您可以在浏览器中看到更新结果。
配置
digo-livereload提供了许多属性，您可以根据自己的需求进行一些自定义设置。以下是一些常用的配置信息：
port
设置livereload库的端口。默认端口为35729。
-- -------------------- ---- -------
----- - ---------- - - ---------------------------
-------------- - -
-------- -
------------
----- ------ ------
---
--
-- ---
--host
设置livereload库的host。默认localhost
-- -------------------- ---- -------
----- - ---------- - - ---------------------------
-------------- - -
-------- -
------------
----- ------------ --------
---
--
-- ---
--files
设置需要进行监听的文件路径，可以指定多个文件路径。忽略一些不需要监听的文件路径也可以在files选项中添加。
-- -------------------- ---- -------
----- - ---------- - - ---------------------------
-------------- - -
-------- -
------------
------ -
------------ ---------------------
--------------- --------------------
--
---
--
-- ---
--结语
digo-livereload是一个非常强大和实用的npm包，它为我们的前端项目提供了自动化构建的功能，而且在livereload的使用上也十分便捷，想同时提高开发效率和准确性的前端开发人员，不妨在项目中尝试使用该npm包！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b2181e8991b448d8c91