UglifyJS 3: 在线压缩 js

实时压缩

// 有关于配置的文档在此处： https://github.com/mishoo/UglifyJS2
  {
    parse: {  // 解析选项配置
      bare_returns : false,  // 是否允许顶级return语句（不在函数内）不允许
      expression : false,  // 是否解析为表达式而非程序（如JSON）
      filename : null,  // 源文件名，用于错误报告
      html5_comments : true,  // 是否保留HTML5风格注释（）
      module : false,  // 是否解析为ES模块
      shebang : true,  // 是否保留shebang（#!/usr/bin/env node）
      strict : false,  // 是否在解析时自动添加"use strict"
      toplevel : null  // 顶级AST节点，高级用法
    },
    compress: {  // 压缩选项配置
      annotations : true,  // 是否保留/压缩注解（如Angular的）
      arguments : true,  // 是否优化arguments对象访问
      arrows : true,  // 是否压缩箭头函数
      assignments : true,  // 是否优化赋值操作
      awaits : true,  // 是否优化await表达式
      booleans : true,  // 是否优化布尔运算（如!!a → a）
      collapse_vars : true,  // 是否合并重复变量声明
      comparisons : true,  // 是否优化比较运算（如!(a <= b) → a > b）
      conditionals : true,  // 是否优化条件表达式
      dead_code : true,  // 是否移除死代码
      default_values : true,  // 是否优化默认值赋值（如a = void 0 → a = undefined）
      directives : true,  // 是否压缩/保留指令（如"use strict"）
      drop_console : false,  // 是否移除console.*调用
      drop_debugger : true,  // 是否移除debugger语句
      evaluate : true,  // 是否计算常量表达式（如1+2 → 3）
      expression : false,  // 是否将顶级表达式转为返回语句（与parse.expression配合）
      functions : true,  // 是否优化函数声明/表达式
      global_defs : false,  // 全局变量替换定义（如{DEBUG: false}）
      hoist_exports : true,  // 是否提升export声明
      hoist_funs : false,  // 是否提升函数声明（可能增大代码体积）
      hoist_props : true,  // 是否提升对象属性（如{a.x = 1} → var x = 1; a.x = x）
      hoist_vars : false,  // 是否提升var声明（通常无益）
      ie : false,  // 是否兼容IE8及以下（禁用某些优化）
      if_return : true,  // 是否优化if-return组合（如if(x)return y → return x&&y）
      imports : true,  // 是否优化import声明
      inline : true,  // 是否内联函数/变量（压缩级别1）
      join_vars : true,  // 是否合并连续var声明
      keep_fargs : false,  // 是否保留函数参数名（禁用arguments优化）
      keep_fnames : false,  // 是否保留函数名（对Function.prototype.name有影响）
      keep_infinity : false,  // 是否保留Infinity（否则1/0 → Infinity）
      loops : true,  // 是否优化循环（如while(1)→for(;;)）
      merge_vars : true,  // 是否合并重复变量（如var a=1;var a=2 → var a=2）
      module : false,  // 是否启用ES模块特定优化
      negate_iife : true,  // 是否反转立即执行函数（!(function(){})() → (function(){}())）
      objects : true,  // 是否优化对象属性访问（如{a:1} → {"a":1}）
      optional_chains : true,  // 是否优化可选链（a?.b → a&&a.b）
      passes : 1,  // 压缩遍历次数（更高更慢但可能更优），默认1
      properties : true,  // 是否优化属性访问（如a["b"] → a.b）
      pure_funcs : null,  // 纯函数列表（可安全移除的函数调用）
      pure_getters : "strict",  // 是否假设属性访问无副作用（"strict"为保守模式），默认"strict"
      reduce_funcs : true,  // 是否内联一次性函数
      reduce_vars : true,  // 是否减少变量使用（常量传播等）
      rests : true,  // 是否优化rest参数（...args）
      sequences : true,  // 是否合并连续语句（用逗号运算符）
      side_effects : true,  // 是否移除无副作用的表达式
      spreads : true,  // 是否优化spread运算符（...arr）
      strings : true,  // 是否优化字符串（如"a"+"b" → "ab"）
      switches : true,  // 是否优化switch语句（合并case等）
      templates : true,  // 是否优化模板字符串（如`a${b}c` → "a"+b+"c"）
      top_retain : null,  // 要保留的顶级变量名列表
      toplevel : false,  // 是否压缩顶级变量（可能影响全局变量）
      typeofs : true,  // 是否优化typeof（如typeof a=="undefined" → a===void 0）
      unsafe : false,  // 是否启用不安全优化（可能破坏代码逻辑）
      unsafe_comps : false,  // 是否不安全优化比较（如a<=b → !(a>b)）
      unsafe_Function : false,  // 是否压缩Function构造函数调用
      unsafe_math : false,  // 是否不安全优化数学运算（如2*3 → 6）
      unsafe_proto : false,  // 是否不安全优化__proto__（可能破坏原型链）
      unsafe_regexp : false,  // 是否不安全优化正则（如/foo.*bar/ → /foo[^]*bar/）
      unsafe_undefined : false,  // 是否用void 0替换undefined（非全局作用域）
      unused : true,  // 是否移除未使用变量/函数
      varify : true,  // 是否将const/let转为var（兼容旧浏览器）
      webkit : false,  // 是否处理WebKit bug（如保留arguments.callee）
      yields : true  // 是否优化yield表达式
    },
    mangle: {  // 混淆选项配置
      eval : false,  // 是否混淆eval作用域内的变量
      ie : false,  // 是否兼容IE8及以下（保留引号属性名）
      keep_fargs : false,  // 是否保留函数参数名
      keep_fnames : false,  // 是否保留函数名
      properties : false,  // 是否混淆属性名（需配合mangle.properties配置）
      reserved : [],  // 要保留的标识符列表，默认[]
      toplevel : false,  // 是否混淆顶级变量
      v8 : false,  // 是否保留Chrome/V8内部用法
      webkit : false  // 是否保留Safari/WebKit内部用法
    },
    output: {  // 输出选项配置
      annotations : false,  // 是否保留注解（如@license）
      ascii_only : false,  // 是否转义非ASCII字符（如\u1234）
      beautify : false,  // 是否美化输出（格式化代码）
      braces : false,  // 是否始终添加大括号（if/for等）
      comments : /@license|@preserve|^!/,  // 保留注释的正则（默认保留重要注释）
      extendscript : false,  // 是否兼容ExtendScript（Adobe产品）
      galio : false,  // 是否兼容Galio（特定JS引擎）
      ie : false,  // 是否兼容IE（如保留catch(e)参数）
      indent_level : 4,  // 缩进空格数（当beautify为true时），默认4
      indent_start : 0,  // 初始缩进空格数，默认0
      inline_script : true,  // 是否允许HTML注释中的JS代码（XSS相关）
      keep_quoted_props: false,  // 是否保留引号属性名（如{"a":1}）
      max_line_len : false,  // 最大行长度（false为不限制）
      preamble : null,  // 文件前导文本（如版权声明）
      preserve_line : false,  // 是否保留行号信息
      quote_keys : false,  // 是否对所有属性名加引号（如{a:1}→{"a":1}）
      quote_style : 0,  // 引号风格（0-自动，1-单引号，2-双引号，3-原始），默认0
      semicolons : true,  // 是否使用分号结束语句
      shebang : true,  // 是否保留shebang（#!/usr/bin/env node）
      source_map : null,  // 源映射（SourceMap）配置
      v8 : false,  // 是否输出V8兼容代码
      webkit : false,  // 是否输出WebKit兼容代码
      width : 80,  // 格式化代码时的行宽指导值，默认80
      wrap_iife : false  // 是否包裹立即执行函数（如(function(){})()→(function(){}())）
    },
    wrap: false  // 是否包裹整个代码（防止变量泄漏）
  }

UglifyJS 3 是一款出色的 JavaScript 压缩工具！它已久经验证，jQuery 等库也曾使用过它。

这是浏览器对压缩器的简单封装；核心工作由 Uglify 团队完成。如果您需要自动化解决方案，我建议您查看 Node.JS 的源代码。

你想帮助改进这个工具吗？它在 Github 上。

此浏览器包装器由 Dan Wolff 创建。版本 uglify-js 3.19.0.

-------------------------------

小提示：

使用本工具压缩完代码后，您可以使用 Crush 型 JS 压缩工具再进一步缩小体积哦(大约能再缩减 50%！) 😄
您需要注意，此页面为这个页面的中文翻译版，并添加了一些配置注释，感谢大佬们的付出。我的主页为 ccgxk.com

压缩后的体积： ()