在前端工程化的过程中，自动化构建是非常重要的环节之一，其表现形式之一是文件的自动监控以及自动构建。npm 包 c-watch 就是一个提供了自动监听、构建并且支持生成 sourcemap 的工具。本篇文章将详细讲解如何使用该工具。
1. 安装 c-watch
在使用 c-watch 之前，需要先进行安装。使用 npm 的全局安装方式即可：
npm install -g c-watch
安装完成后，可以在终端输入 c-watch -v 来检查是否安装成功。
2. 使用 c-watch
2.1 监听单一文件
在项目根目录下，执行下面的命令即可监听单一文件：
c-watch src/index.js
以上命令将监测 src 目录下的 index.js 文件，在文件修改时自动执行构建操作。
2.2 监听整个目录
如果需要监听一个目录下的所有文件，可以使用以下命令：
c-watch src/
以上命令将监控 src 目录下的所有文件，在文件修改时自动执行构建操作。
2.3 配置选项
在使用 c-watch 的时候，还可以通过参数进行配置，如下所示：
c-watch src/ -o dist/ -e 'js|css' --sourcemap
其中，参数说明如下：
-o, --output：指定构建后的文件输出目录，默认为 src 目录下的 build 目录。-e, --extention：指定需要构建的文件类型，默认为js|css|png|jpe?g|gif|bmp。--sourcemap：是否生成 sourcemap，默认为false。
2.4 使用配置文件
如果有多个配置项需要设置，可以使用配置文件的方式。在项目目录下创建文件 c-watch.config.js，配置如下：
module.exports = {
src: 'src/',
output: 'dist/',
ext: 'js|css',
sourcemap: true
}然后在终端执行以下命令：
c-watch
即可按照配置文件的设置开始执行监听操作，自动构建并在需要时生成 sourcemap。
3. 总结
c-watch 是一个优秀的自动化构建工具，可以省去手动构建的烦恼，提高开发效率。通过本文的介绍，相信读者已经初步掌握 c-watch 工具的使用。在实际项目中，可以根据需求进行进一步的配置和使用，达到更好的开发效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c90ccdc64669dde57f2