简介
npm buildr 是一款自动化构建工具，可帮助前端开发者提高工作效率。通过 npm 安装包可以快速构建项目，并自动执行任务如编译 Sass、压缩 JavaScript、图片压缩等，而不需要手动执行。
安装
首先需要在项目根目录下通过终端或者命令行安装 npm buildr：
--- ------- ------ ----------
这里我们使用 --save-dev 参数是因为 npm buildr 只是作为开发依赖而不是生产环境的依赖。
配置
安装好 npm buildr 后，我们需要在项目中添加 buildr 配置文件 buildr.json。下面是一个基本配置文件示例：
-
-------- -
-------- -
-------------- ------ ---------
----------- -
----- ------ -----------
--
-------- -
-----
-
-
-
-在这个示例中，我们定义了一个名为 build 的任务，它有一个简单的描述 "build project"。这个任务又有一个 commands 数组，包含一条命令 echo 'build completed'。watch 属性是一个字符串数组，包含需要监控的文件的路径。
使用
在终端或命令行输入以下命令可以执行 build 任务：
-------------------------- -----
我们也可以使用 npm run 命令在 package.json 中直接设置：
---------- - -------- ------- ------ -
这样可以通过以下命令执行：
--- --- -----
示例
下面是一个更为复杂的示例，它将 JavaScript 和 Sass 编译、压缩，并生成 sourcemaps：
-
-------- -
------- -
-------------- ----- ---------- ------
----------- -
------- ------------
-
--
----------- -
-------------- --------- --------- --- ------ ----
----------- -
------ -- ----------
--- ------- -- ---------- ------ ------- - ----- --------------------------- - -------- -- -------------- -- - --------------------------
--- -------- -- ---- ----- --------------------------------- -- ------------
--- ------- -- ---------- --------- ------- - ----- --------------------------- - -------- -- -------------- -- - -----------------------------
--- -------- -- ---- ----- ------------------------------------ -- ---------------
--- -------
--
-------- -
---------
-
--
------------ -
-------------- -------- --- ------ ------
----------- -
------ -- -----------
--- --------- -- --------- ------------ --------- -------------- ---------- -- --------------- ---
--- -------
--
-------- -
-----------
-
--
-------- -
-------------- ------ ---------
----------- -
------- ----------
------- ----------
-
-
-
-这里我们定义了三个任务，分别是 lint、build:js 和 build:css。lint 检查 JavaScript 代码的语法问题，build:js 编译、转换和压缩 JavaScript，build:css 编译 Sass 并压缩。build 任务依赖于 build:js 和 build:css，它们在构建项目时将被执行。所有的任务都有描述和命令，并且使用了文件监控机制。
总结
npm buildr 可以帮助开发者自动执行任务如编译 Sass、压缩 JavaScript、图片压缩等，大大提高了前端开发效率。我们可以使用 npm 安装 buildr，然后创建 buildr.json 配置文件，在其中定义任务以及它们的行为。最后，我们可以通过终端或命令行执行任务，或者使用 npm run 命令在 package.json 中设置别名。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/78160