译序

由于webpack本身集成了UglifyJS插件(webpack.optimize.UglifyJsPlugin),其命令webpack -p即表示调用UglifyJS来压缩代码,还有不少webpack插件如html-webpack-plugin也会默认使用UglifyJS。因此我们其实经常要用到它,但UglifyJS本身配置较复杂/选项繁多,又没有中文文档,使用起来如坠云雾。鉴于此特翻译此文,谬误甚多,敬请斧正。

词典:

  1. parse 解释
  2. compress 压缩
  3. mangle 混淆
  4. beautify 美化
  5. minify 最小化
  6. CLI 命令行工具
  7. sourcemap 编译后代码对源码的映射,用于网页调试
  8. AST 抽象语法树
  9. name 名字,包括变量名、函数名、属性名
  10. toplevel 顶层作用域
  11. unreachable 不可达代码
  12. option 选项/配置
  13. STDIN 标准输入,指在命令行中直接输入
  14. STDOUT 标准输出
  15. STDERR 标准错误输出
  16. side effects函数副作用,即函数除了返回外还产生别的作用,比如改了全局变量
  17. shebang 释伴(#!)