简介
urequire-ab-grunt-contrib-watch 是一个基于 Grunt 的前端项目构建工具，可以实现自动监测并编译代码，并且支持多任务同时进行。本文将为您详细介绍如何使用该工具。
安装
在使用之前需要先安装 Grunt 和 npm。
npm install -g grunt-cli
然后在项目根目录下执行以下命令进行安装：
npm install urequire-ab-grunt-contrib-watch --save-dev
配置
在 Gruntfile.js 中添加以下配置：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
------ -
---- -
------ ------------
------ ---------
-------- -
----------- ----
-
--
--- -
------ ----------
------ -----------
-------- -
----------- ----
-
-
--
----- -
----- -
------ -
--------------- ----------------
-
-
--
------- -
---------- -
------ -
----------------- --------------
-
-
-
---
-- ---- --- ------ ---- -------- --- ------- -----
------------------------------------------------------
-- ---- --- ------- ---- -------- --- ------ --- -------- ------
-----------------------------------------
-------------------------------------------
-- ------- --------
----------------------------- -----------
--该配置中，我们定义了两个任务：sass 和 uglify，并将它们绑定到了 watch 任务中，当文件发生变化时会自动执行对应的任务。
使用
在命令行中执行以下命令：
grunt
Grunt 将会自动监测文件变化，并执行相应的任务。例如，当 .scss 文件发生变化时，将会自动编译成 .css 文件，当 .js 文件发生变化时，将会自动压缩成 .min.js 文件。
总结
通过本文的介绍，相信您已经掌握了如何使用 urequire-ab-grunt-contrib-watch 这个 npm 包来构建前端项目。希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/45153