Sublime怎么一键压缩JS代码 Sublime Minify插件使用教程【优化】
发布时间 - 2026-02-03 00:00:00 点击率:次Sublime Text 4无法使用Sublime Minify插件,因其依赖已淘汰的Python 2和下线jsmin服务;推荐方案为JsPrettier+terser或自建SublimeBuild系统调用terser实现离线JS压缩。
Sublime Text 本身不内置 JS 压缩功能,Sublime Minify 插件早已停止维护,且在 Sublime Text 4 中无法安装或运行——直接装它,大概率失败。
为什么 Sublime Minify 插件现在基本不能用
该插件依赖 Python 2 和已下线的 jsmin 在线服务,Sublime Text 4 默认使用 Python 3,且其 Package Control 仓库已移除该插件。即使手动安装,也会报错:
ImportError: No module named 'urllib2'
或触发超时、403 禁止访问等网络错误。它不是“配置不对”,而是底层已失效。
替代方案:用 JsPrettier + 自定义压缩命令(推荐)
JsPrettier 是活跃维护的插件,底层调用本地 prettier 或 terser,支持真正离线、可配置的 JS 压缩。
- 先通过 Package Control 安装
JsPrettier - 确保本机已安装
terser:npm install -g terser - 打开
Preferences → Package Settings → JsPrettier → Settings - 在用户设置中加入:
{
"auto_indent": false,
"auto_wrap": 0,
"node_path": "/usr/local/bin/node",
"prettier_cli_path": "/usr/local/bin/terser",
"additional_cli_args": {
"--compress": true,
"--mangle": true,
"--format": "{\"semicolons\":true}"
}
}
保存后,选中 JS 代码 → 右键 → JsPrettier,即可输出压缩结果(不带换行、无空格、变量名缩短)。
更轻量的选择:用 SublimeBuild 直接调用 terser
如果不想装大插件,可自建构建系统,一键压缩当前文件:
- 菜单栏选择
Tools → Build System → New Build System… - 粘贴以下内容(路径按你本机
terser实际位置调整):
{
"cmd": ["terser", "$file", "-o", "${file_path}/${file_base_name}.min.js", "--
compress", "--mangle"],
"selector": "source.js",
"working_dir": "$file_path",
"variants": [
{
"name": "Minify (in place)",
"cmd": ["terser", "$file", "-o", "$file", "--compress", "--mangle"]
}
]
}
保存为 TerseJS.sublime-build,之后按 Ctrl+B(Win/Linux)或 Cmd+B(macOS)即可生成 .min.js;用 Ctrl+Shift+B 调出变体,选 Minify (in place) 覆盖原文件。
注意:terser 对 ES6+ 支持良好,但若项目含动态 import() 或 top-level await,压缩后需确认执行环境兼容性;另外,所有方案都不处理 HTML 内联 ,仅作用于独立 .js 文件。
# linux
# es6
# python
# html
# sublime
# js
# node
# npm
# mac
# ai
# macos
# win
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
深圳网站制作公司好吗,在深圳找工作哪个网站最好啊?
Laravel Docker环境搭建教程_Laravel Sail使用指南
如何基于云服务器快速搭建个人网站?
php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】
SQL查询语句优化的实用方法总结
Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析
标题:Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南
Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】
百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧
laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程
php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】
如何在IIS服务器上快速部署高效网站?
英语简历制作免费网站推荐,如何将简历翻译成英文?
Laravel如何创建自定义Facades?(详细步骤)
Linux后台任务运行方法_nohup与&使用技巧【技巧】
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
如何在阿里云通过域名搭建网站?
Laravel定时任务怎么设置_Laravel Crontab调度器配置
Laravel如何与Inertia.js和Vue/React构建现代单页应用
如何用wdcp快速搭建高效网站?
Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】
高端建站三要素:定制模板、企业官网与响应式设计优化
大连网站制作公司哪家好一点,大连买房网站哪个好?
Laravel如何配置和使用缓存?(Redis代码示例)
如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?
详解MySQL数据库的安装与密码配置
Laravel观察者模式如何使用_Laravel Model Observer配置
北京专业网站制作设计师招聘,北京白云观官方网站?
微信小程序 canvas开发实例及注意事项
百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭
音响网站制作视频教程,隆霸音响官方网站?
Linux系统命令中tree命令详解
韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐
Python制作简易注册登录系统
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
如何快速生成橙子建站落地页链接?
Laravel用户密码怎么加密_Laravel Hash门面使用教程
Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】
java ZXing生成二维码及条码实例分享
Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】
Python面向对象测试方法_mock解析【教程】
如何在云主机上快速搭建网站?
小米17系列还有一款新机?主打6.9英寸大直屏和旗舰级影像
HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】
Laravel如何使用Gate和Policy进行授权?(权限控制)
Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】
Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑
Android实现代码画虚线边框背景效果
如何为不同团队 ID 动态生成多个非值班状态按钮
大同网页,大同瑞慈医院官网?


