更新记录

1.0.4（2025-09-19） 下载此版本

v1.0.4

1.0.0（2025-07-14） 下载此版本

v1.0.0

• 实现了 基本 选择的 js 文件的压缩

平台兼容性

HBuilderX插件通用注意事项

HBuilderX-2.7.12以下版本安装插件市场内的插件后，卸载时需手动卸载，详细教程参考：如何手动卸载插件

# UglifyJS 压缩插件（HBuilderX）

插件简介

本插件为 HBuilderX 提供一键 JavaScript 文件压缩功能，集成了 UglifyJS 3.x，适用于前端开发者优化 JavaScript 代码体积。

功能特性

• ✨ 一键压缩：支持单个 JS 文件快速压缩
• 🎯 多级压缩：轻度、标准、深度三种压缩模式
• 💾 灵活保存：支持覆盖原文件或另存为 .min.js
• 📊 压缩统计：显示详细的压缩前后对比数据
• 🛡️ 安全确认：覆盖文件前提供确认对话框
• 🚀 高效处理：基于成熟的 UglifyJS 3.x 引擎
• 💡 智能记忆：记住用户上次选择的压缩级别和保存方式

安装步骤

1. 安装依赖

在插件目录下执行：

npm install

2. 安装插件

1. 将插件文件夹复制到 HBuilderX 插件目录
2. 重启 HBuilderX 或按 Ctrl+R 重新加载插件

3. 验证安装

• 打开任意 .js 文件
• 按 Ctrl+Shift+P 打开命令面板
• 输入 "UglifyJS" 查看是否有压缩命令
• 在 .js 文件中右键，确认上下文菜单中是否出现 "UglifyJS 压缩当前文件" 选项
• 在 JS 文件中右键，查看是否有 "UglifyJS 压缩当前文件" 选项

使用方法

方式一：命令面板

1. 在 HBuilderX 中打开 JavaScript 文件
2. 按 Ctrl+Shift+P 打开命令面板
3. 输入 "UglifyJS 压缩" 并选择命令
4. 选择压缩级别和保存方式

方式二：快捷键（如果配置）

• 默认快捷键：Ctrl+Alt+U（需要在 HBuilderX 中手动配置）

压缩模式说明

🟢 轻度压缩

• 特点：保留注释，基本压缩
• 适用：开发调试阶段
• 压缩率：约 20-30%

🟡 标准压缩（推荐）

• 特点：移除注释，标准压缩和混淆
• 适用：生产环境部署
• 压缩率：约 40-60%

🔴 深度压缩

• 特点：最大化压缩，变量名混淆
• 适用：对体积要求极高的场景
• 压缩率：约 60-80%

压缩效果示例

压缩前（原始代码）

// 计算器功能
function calculateSum(numbers) {
    let total = 0;
    for (let i = 0; i < numbers.length; i++) {
        total += numbers[i];
    }
    return total;
}

const result = calculateSum([1, 2, 3, 4, 5]);
console.log('计算结果:', result);

压缩后（标准模式）

function calculateSum(n){let t=0;for(let e=0;e<n.length;e++)t+=n[e];return t}const result=calculateSum([1,2,3,4,5]);console.log("计算结果:",result);

故障排除

问题：找不到压缩命令

解决方案：

1. 确认插件已正确安装到 HBuilderX 插件目录
2. 检查是否已执行 npm install 安装依赖
3. 重启 HBuilderX 或按 Ctrl+R 重新加载

问题：提示 "未找到 uglify-js 模块"

解决方案：

cd /path/to/plugin/directory
npm install uglify-js

问题：压缩失败

可能原因：

1. JavaScript 语法错误
2. 文件编码问题（建议使用 UTF-8）
3. 文件过大（>10MB 可能导致内存不足）

解决方案：

1. 检查并修复 JavaScript 语法错误
2. 确保文件编码为 UTF-8
3. 对于大文件，建议先进行代码分割

技术规格

• 支持格式：.js 文件
• 压缩引擎：UglifyJS 3.x
• 最大文件：建议 < 10MB
• 兼容性：HBuilderX 2.7.0+
• Node.js：需要 Node.js 环境

版本历史

v1.0.4

• 🐛 修复 UglifyJS 3.x 兼容性问题（移除废弃的 warnings 选项）
• 🐛 修复覆盖原文件确认对话框显示问题
• 🐛 修复压缩后代码中出现变量名的问题
• ✨ 优化用户界面和交互体验
• ✨ 添加智能记忆功能（记住用户偏好）
• 🧹 清理调试代码，提升性能
• 📝 更新文档和安装指南

v1.0.3

• 🐛 修复基础功能问题
• ✨ 添加用户偏好设置

v1.0.2

• 🐛 修复插件激活和命令注册问题
• ✨ 简化插件配置，提高兼容性
• ✨ 优化错误提示和用户体验
• ✨ 添加三种压缩模式选择
• ✨ 增强压缩统计信息显示
• 📝 完善安装和使用文档

v1.0.1

• 🐛 修复基础功能问题
• ✨ 添加批量处理支持

v1.0.0

• 🎉 初始版本发布
• ✨ 基础 JavaScript 压缩功能

开发者信息

• 作者：pfinalclub
• 版本：v1.0.4
• 许可证：MIT
• 仓库：[GitHub 链接]

反馈与支持

如果您在使用过程中遇到问题或有改进建议，请：

1. 检查本文档的故障排除部分
2. 查看 HBuilderX 控制台的错误信息
3. 提交 Issue 或联系开发者

享受更高效的 JavaScript 开发体验！ 🚀