Rx-Grunt-Tasks 是一个能够使 Grunt 引入 Reactive Extensions（RxJS）套件并应用于构建与任务管理的 npm 包。它提供了一套封装好的任务集，让用户快速将 RxJS 应用于 Grunt 上，同时提高开发效率。
本文将详细介绍 npm 包 rx-grunt-tasks 的使用教程、学习和指导意义，帮助前端开发者更好的使用 RxJS 与 Grunt。
教程
安装
npm install rx-grunt-tasks --save-dev
初始化
添加 gruntfile.js 文件并添加以下代码：
module.exports = function (grunt) { require('rx-grunt-tasks')(grunt).initConfig({ //在这里面添加任务 }); };
编写任务
添加 watch 任务：
-- -------------------- ---- ------- -------------- - -------- ------- - --------------------------------------------- ------ - -------- - ------ ---------------- ------ ---------- ---------- -------- - ------ ------ -- -- --- --展开代码
添加 concat 任务：
-- -------------------- ---- ------- -------------- - -------- ------- - --------------------------------------------- ------- - -------- - ---------- ---- -- ----- - ---- ---------------- ----- --------------- -- -- --- --展开代码
添加 uglify 任务：
-- -------------------- ---- ------- -------------- - -------- ------- - --------------------------------------------- ------- - -------- - ------- ------ -- ---------- - ------ - ------------------- ----------------- -- -- -- --- --展开代码
运行任务
在控制台或者终端输入 $ grunt 即可运行全部的任务。
也可以输入 $ grunt watch 来启动 watch 任务，自动检测文件是否发生改变。
学习
RxJS
RxJS 是 Reactive Extensions 的 JavaScript 实现，是一个数据流的理念。它能够轻易地处理异步和事件驱动的程序，并利用高阶函数和函数式编程的方式来简化代码。
RxJS 与传统的 JavaScript 函数不同，它的结果是一个 Observable 对象而不是普通值。Observable 对象具有数量很多的转化函数，可以进行类似 map、filter 这样的操作。RxJS 也支持许多传统 JavaScript 中不存在的操作，如：时间和空间的变换、多种数据源的组合和错误处理。
Grunt
Grunt 是一个基于任务（Task）控制的 JavaScript 自动化构建工具。它能够自动运行一系列提前编写好的任务，从而使前端人员更加专注于编写代码，减少重复工作量。
在 Grunt 的理念中，每一个任务（Task）都是由一个或多个子任务组成、规范一致的；而目标（Target）是任务的一种具体配置形式。通过创建 Gruntfile，开发者可以定制自己的任务在其中运行。
指导意义
Rx-Grunt-Tasks 包在给前端开发者提高代码的同时，也通了基于 Grunt 的自动运行一系列提前编写好的任务，为前端开发人员减少了重复工作量。
采用 React Extensions 套件，能够轻易地处理异步和事件驱动的程序，并利用高阶函数和函数式编程的方式来简化代码，让代码逻辑更加清晰、更加易于维护。同时，因为 React Extensions 套件还支持许多传统 JavaScript 中不存在的操作，如：时间和空间的变换、多种数据源的组合和错误处理，开发者可以更好的处理异步请求和事件变化，提高开发效率。
作为一个 Grunt 自动化构建工具，Rx-Grunt-Tasks 包有效的提高前端开发效率，减少了开发人员的工作时间和客户等待时间。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70941
