前言
在前端开发中，自动化构建是必备技能。对于项目中的修改，我们需要实时地将修改后的文件构建出来以预览效果。edp-watch 就是一个用于进行实时构建的 npm 包。本文主要介绍这个包的使用方法以及常见的问题。
安装及使用
在使用 edp-watch 之前，需要先安装 npm。使用 npm 安装 edp-watch：
npm install edp-watch -g
然后，在命令行中执行：
edp ws start
即可启动实时构建功能。默认情况下，edp-watch 会编译的文件后缀名为 .less 和 .tpl，可以在项目根目录下的 edp-webserver-config.js 文件中进行修改，例如添加 .js 后缀：
-- -------------------- ---- -------
-------------------- - -------- -- -
------ -
-
--------- -----------------------
-------- -
--------------------------------
-------------------
----- --------
--
-
--
-
--------- ---------------------------------
-------- -
----------------
---------- ---------
--------- ----
--------------- ---
-------------- ------- ---------- -------- ---------
--
-
--
-
--------- ----------------------------------------------------------
-- -- -- ----
-------- --------------
----- -------------------------------------
-------- -----
------- -----
------ -----
-- - --------- -------- ------------
---------- -------------------------------------
------------ ------
--------- ---------------------------------
--
-
--
--此时，当我们修改 src 目录下的 .js 文件时，edp-watch 也将进行实时编译输出。
高级配置
排除编译目录或文件
在某些情况下，我们不希望 edp-watch 对某些目录或文件进行实时编译。可以在项目根目录下的 package.json 文件中进行配置。例如，以下配置将会排除 node_mooudle 目录下的所有文件以及 build 目录下的 output.js 文件：
-- -------------------- ---- -------
-
------------ -
---------- -
--------- -
--------------------
-----------------
-
-
-
-配置输出路径
edp-watch 默认将文件输出在与源文件相同的目录下，可以通过配置输出路径来改变这种行为。在项目根目录下的 package.json 文件中进行配置：
-- -------------------- ---- -------
-
------------ -
---------- -
--------- -
------- ------------
-
-
-
-使用配置文件
edp-watch 也支持使用单独的配置文件进行配置。可以在项目根目录下创建一个名为 edp-watch-config.yml 的文件进行配置。例如，以下配置将会改变输出路径以及排除 build 目录下的 output.js 文件：
output:
path: output-dir
watcher:
ignore:
- build/output.js使用插件
edp-watch 支持使用插件对编译流程进行修改，以便实现更精细的功能。插件可以是一个函数或者是一个对象，具体使用方法可以参考官方文档。
总结
edp-watch 作为一个自动化构建 npm 包，为前端开发提供了一种简单、高效的实时构建方式。本文介绍了 edp-watch 的安装、使用方法，以及常见的高级配置项。希望本文能对读者的学习、开发以及项目构建方面有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74971