minify 插件在 sublime text 3/4 上已不可用,推荐使用 html-css-js prettify(启用压缩模式)或自建 build system 调用 terser/clean-css-cli;前者开箱即用、持续维护,后者适合精细控制参数。

Minify 插件在 Sublime Text 3/4 上已不可用,装了也大概率静默失败或报错,别再折腾它了。真正能稳定压缩 JS/CSS/HTML 的方案只有两个:用 HTML-CSS-JS Prettify(启用压缩模式),或自建 Build System 调用 terser/clean-css-cli。
为什么 Minify 插件根本跑不起来
它依赖 Python 2 和过时的 uglify-js@2、clean-css@3,而 Sublime Text 4 默认用 Python 3.8+,Node.js ≥16 环境下会直接报 ReferenceError: process is not defined 或 command not found: uglifycss;Sublime Text 3 虽能装上,但 Package Control 已下架该插件,GitHub 仓库归档只读,连快捷键 Ctrl+Alt+M 都可能无响应。
用 HTML-CSS-JS Prettify 压缩 JS/CSS/HTML
这是目前唯一开箱即用、持续维护、支持 ST3.3+/ST4 的压缩方案。注意:它默认只格式化,不压缩——必须手动启用 compress。
- 通过 Package Control 安装插件时,输入全名
HTML-CSS-JS Prettify(带连字符,不是“HTML CSS JS Prettify”) - 安装后务必重启 Sublime,否则命令面板搜不到
Prettify Code (Minify) - 启用压缩有两种方式:
– 选中代码 → 右键 →HTML/CSS/JS Prettify→Prettify Code (Minify)
– 或快捷键:Ctrl+Shift+H(Win/Linux)/Cmd+Shift+H(Mac),再按m - 如需全局压缩,打开
Preferences → Package Settings → HTML-CSS-JS Prettify → Settings,加入:
{
"js": {"compress": true},
"css": {"compress": true},
"html": {"compress": true}
}
压缩是单向操作,不会保留源码结构,别直接在生产文件上压,先 Git commit 或备份。
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF,自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页,适用于看板、报表、网页和交互图表转 PDF。
自建 Build System 调用 terser 和 clean-css-cli
适合需要精细控制压缩参数(比如保留特定注释、指定 target ES 版本)或批量处理多文件的场景。前提是本地已装 Node.js。
- 全局安装 CLI 工具:
npm install -g terser clean-css-cli html-minifier-terser - 新建 Build System:
Tools → Build System → New Build System - 填入以下内容(以 JS 为例,CSS/HTML 同理替换命令):
{
"cmd": ["terser", "$file", "-o", "${file_path}/${file_base_name}.min.js", "--compress", "--mangle"],
"selector": "source.js",
"file_regex": "^(...*?):\s*(\d+):\s*(\d+)?:?\s*(.*)$"
}
保存为 terser.sublime-build,然后用 Ctrl+B(Win/Linux)或 Cmd+B(Mac)触发。注意路径变量和错误正则要匹配实际 CLI 输出格式,否则构建面板不显示报错。
容易被忽略的关键点
HTML-CSS-JS Prettify 的压缩行为取决于你是否显式触发 minify 模式,而不是插件名字里的 “Prettify” —— 它不压缩就是格式化,压缩才删空格、注释、换行;自建 Build System 里,$file 是完整路径,${file_base_name} 不含扩展名,写错会导致输出文件名异常;所有压缩操作都不可逆,没有 “unminify” 功能,别跳过 Git commit 或手动备份这一步。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










