在前端开发中，压缩文件是一个很重要的环节。但是语法复杂，代码量巨大，使用 gulp、grunt 等构建工具压缩时，可能会出现一些问题。ngmin-dynamic 是一个基于 angularJS 库的 npm 包，可以自动生成 angularJS 支持的压缩代码，简化压缩过程。本文将详细介绍如何使用 ngmin-dynamic 包。
安装
安装 ngmin-dynamic，使用以下命令：
npm install ngmin-dynamic --save-dev
若要在 package.json 文件中自动声明依赖关系，则使用以下命令：
npm install ngmin-dynamic --save-dev
使用
ngmin-dynamic 包可以配合 gulp、grunt 等构建工具使用。以下示例代码使用 gulp 构建。
-- -------------------- ---- -------
--- ---- - ----------------
--- ------ - -----------------------
--- ---------- - ----------------------------
--- ------------ - -------------------------
------------------- -------- -- -
------ --------------------------
-----------------------
-------------------
---------------------
--------------------------
---在上述代码中，首先使用 gulp-concat 合并 JavaScript 文件，然后使用 gulp-ng-annotate 生成能够适应 AngularJS 的注释语法，最后，使用 ngminDynamic 执行代码压缩。通过这一系列的处理，生成良好的、经过压缩优化的压缩代码。
指导意义
ngmin-dynamic 包可以使开发人员将 AngularJS 程序转换为更加紧凑的形式，并且实现了自动注入（Automatic Dependency Injections）。它减少了代码库的体积，使得应用程序更快。同时，编写压缩代码的概念变得更加简单、易懂，而带来的优势也更为明显。因此，建议使用 ngmin-dynamic 包来优化前端的构建流程，使得程序更加高效。
示例代码
以下是一个非常简单的 AngularJS 程序的代码，使用 ngmin-dynamic 包可以优化它的注释和压缩处理：
app.controller("MainCtrl", function ($scope) {
$scope.items = ["one", "two", "three"];
});在使用 ngmin-dynamic 包之后，代码将被转换为以下形式：
app.controller("MainCtrl", ["$scope", function ($scope) {
$scope.items = ["one", "two", "three"];
}]);这段代码的好处在于，程序能减少转载特别多的代码，也能减少依赖注入的代码。这样程序代码看起来将会更加整洁美观，更加具备可读性和可维护性。同时，编写出来的压缩代码，占用体积更小，可以让程序加载更快。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/73046