nuvi 是一个基于 Node.js 的前端自动化构建工具。它提供了一些常用的功能比如文件合并压缩、CSS 预处理器、语法检查、代码浏览器同步、代码压缩等等，能大大地提高前端开发效率。
安装
在开始之前，你需要先 安装 Node.js。安装完成后，在终端中运行以下命令来安装 nuvi：
--- ------- -- ----
如果你在命令行中输入 nuvi，将会看到 nuvi 的帮助文档。
使用说明
在项目的根目录下创建 nuvi.json 配置文件，格式如下：
-
------- --------
--------- ---------
-------- -
------- -
------ -------------------
--------- --------
-------- -------------------
---------- -
--------------- -
----------------
-
-
-
-
-root：你的源代码目录，可以是相对路径或绝对路径，可选项，默认值为./src。output：输出目录，可以是相对路径或绝对路径，可选项，默认值为./dist。tasks：任务列表。sass：一个编译 Sass 的任务。src：Sass 文件的路径。output：编译后的 CSS 文件输出路径。watch：监视指定的文件，如果发生变化，自动重新构建任务。options：传递给插件的选项。
你可以创建多个任务，比如压缩 JavaScript：
-
-------- -
------- -
------ -------------------
--------- -------
--
--------- -
------ ---------------
--------- ------
-
-
-然后在命令行中运行：
----
nuvi 将会按照配置文件中的任务顺序执行任务，并将所有的文件输出到 output 目录中。
在代码中使用
你可以在 HTML 文件中引用 nuvi 处理后的文件，例如：
--------- ----- ------ ------ ----- ---------------- ----------- ------------ ----- ---------------- -------------------------- ------- ------ ------- -------------------------------- ------- -------
使用插件
nuvi 支持插件，你可以将自己的插件集成到任务中。
下面是一个简单的插件示例，用来添加版权信息到编译后的 CSS 文件中：
--- ------- - --------------------
--- ----- - ---------------------
-------------- - -------- --------- -
------ -------------------- ------ ---- --- -
-- ----------------- -
------------------ --- ----------------------------- -------- --- --------------
-------
-
-- ----------------- -
------------- - ---------------
--------------------
-------------------------- - - - - --- ----------------------
----------------------
-------------
---
-
----------------
-----
---
--你可以将它集成到任务中：
-
-------- -
------- -
------ -------------------
--------- --------
---------- -
-
------- -----------
---------- -
--------- -----------
-
-
-
-
-
-总结
nuvi 是一个功能强大的前端自动化构建工具，可以为你节省大量时间，提高项目开发效率。在使用过程中，我们需要仔细检查配置文件中的每一个属性和任务，确保所有的配置都正确无误。同时，我们也可以自己编写插件来满足自己的需求。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f963d1de16d83a66d8d