简介
emp.ria-grunt-jsbuild3 是一个通过 Grunt 构建工具编写的前端构建 npm 包，用于构建 emp 前端项目，支持压缩、合并、版本等功能。
安装
- 首先需要安装 node，如果还未安装，可前往官网下载并安装。
- 全局安装 grunt：
npm install -g grunt-cli - 在项目目录下安装 emp.ria-grunt-jsbuild3：
npm install emp.ria-grunt-jsbuild3 --save-dev
使用
1. 配置文件
emp.ria-grunt-jsbuild3 的配置文件为 Gruntfile.js，在项目根目录下创建该文件，并进行相关配置。例如：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
-- ----
------- -
---------- -
------ -
--------------------- ----------------- ----------------
-
-
--
-- -------
---
-- ------ ----- --
-------------------------------------------
-- -- ----- --
----------------------------- ------------
--以上代码中配置了一个名为 uglify 的任务，用于压缩多个 js 文件，并将结果输出到 dest/output.min.js。
2. 运行
在项目目录下，执行以下命令：
grunt
即可执行名为 default 的任务（即上文中注册的 uglify），输出压缩后的 js 文件到指定目录。
示例代码
-- -------------------- ---- -------
-------------- - --------------- -
------------------
-- ----
------- -
-------- -
---------- ----- -- ----------------
--
----- -
-- -------
---- -
-----------------------
--------------------------
-------------
--
-- -------------
----- -----------------
-
--
------- -
-- -------
---- ---------------
--
------- -
---------- -
-- -------
------ -
---------------------- -------------------
-
-
--
------- -
-- ----- --- --
------- -
------ --
------- -----
---- ----------------
----- -----------
---- ----------
--
-
-
---
-- ------ ----- --
-------------------------------------------
-------------------------------------------
-------------------------------------------
-------------------------------------------
-- -- ----- --
----------------------------- ---------- --------- --------- -----------
--以上配置文件中，执行 default 命令将依次执行以下任务：合并 js 文件、检测 js 文件语法、压缩 js 文件、压缩 css 文件。
总结
emp.ria-grunt-jsbuild3 提供了便捷的方式用于构建前端项目，我们可以根据需求选择不同的插件及配置不同的任务，进行相应的前端构建。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1fa563576b7b1ecd8f