企业官网建设流程全解析

• 开发工具

Ender（the no-library library）是一款开源的浏览器端 JavaScript 包管理框架，让你像用 npm 一样管理前端模块。它的--minifier参数内置了UglifyJS与Google Closure Compiler两大压缩引擎，一条命令即可决定你的构建产物怎么瘦身。本文带你 3 分钟搞懂两者的差异与全部用法。

📦 一分钟看懂：--minifier 参数在 Ender 中做什么

执行ender build时，Ender 会先把各个模块拼装成一个完整的构建文件，然后调用压缩器生成.min.js。在 lib/commands/build.js 中可以看到核心逻辑：

• 不传--minifier时，默认使用 UglifyJS（options.minifier || 'uglify'）
• 传入--minifier none时，直接跳过压缩
• 传入未知名称时，抛出No such minifier错误

两个压缩器的注册入口在 lib/minifiers/index.js，closure和uglify并列导出，所以合法的参数值就是none、uglify、closure三个。

⚖️ UglifyJS vs Closure Compiler：4 个维度对比

💡 简单记：追求快、零依赖 → UglifyJS；追求极致体积 → Closure Compiler advanced。

🚀 三种典型用法：从零到压缩成品

场景 1：默认直接用 UglifyJS

ender build qwery bonzo bean

不指定--minifier即走 UglifyJS 流程：解析 AST → 压缩 → 混淆变量名 → 输出ender.js（源码）和ender.min.js（压缩版）。文件名规则见 build.js 中的 filenames 定义，加--output mybuild即可改名。

场景 2：切换 Closure Compiler 并指定压缩级别

ender build qwery bonzo bean --minifier closure --level simple

--minifier、--level、--externs等参数都在 lib/args-parser.js 中统一定义解析。

场景 3：调试时用 --minifier none 跳过压缩

ender build qwery --minifier none

此时只生成未压缩的构建文件，不会产出.min.js（该行为由 test/functional/minifier-test.js 中的断言保证），非常适合开发阶段定位问题。

🎚️ Closure Compiler 的 --level 三档详解

Ender 把 Closure 的编译级别做了三层封装（lib/minifiers/closure.js）：

⚠️ 注意：advanced档会重命名全局符号，可能破坏依赖运行时字符串引用的代码（如eval、document.getElementById('xxx')），此时用--externs声明外部接口保护它们。

🔍 用 ender info 验证压缩成果

构建完成后运行ender info，它会读取构建文件与压缩文件，展示raw / minified / gzipped三个体积（lib/commands/info.js），帮你直观确认压缩是否生效。

另外，Ender 还内置了专门的ender compile命令（lib/commands/compile.js），它强制使用 Closure Compiler 的 advanced 级别编译出ender-app.js，并同时输出 gzip 后的体积，适合"只关心最终上线体积"的场景。

⚠️ 新手避坑清单

• 报错 java 相关：Closure Compiler 依赖 Java 环境（仓库内已自带 support/closure_v20131118.jar 压缩器内核），系统未装 Java 时请先安装，或改用--minifier uglify
• 报错No such minifier：参数拼写错误，合法值只有none/uglify/closure
• advanced 档页面报错：通常是全局重命名撞上了你的字符串引用，降回--level simple或补--externs
• 压缩率参考：官方功能测试要求各档压缩后体积 < 原文件的 60%，且 advanced < 90% × simple < 90% × whitespace（test/functional/minifier-test.js），可作为验收基准

✅ 一句话选型口诀

1. 本地开发调试 →--minifier none
2. 日常发布、CI 构建 → 默认uglify（零依赖最快）
3. 追求极致体积上线 →--minifier closure --level advanced
4. 有动态字符串引用 → 用simple或补--externs

📁 核心源码导航

如需完整研究，可获取仓库源码：

git clone https://gitcode.com/gh_mirrors/en/Ender

• 开发工具