Minify for Sublime Text

什么是 Minify

Minify for Sublime Text 可以为当前打开的CSS、HTML、JavaScript、JSON或SVG文件创建一个压缩版本。

Minify 生成一个具有更改文件扩展名的新文件，例如 .min.css、.min.html、.min.js、.min.json 或 .min.svg。它可以轻松配置以生成压缩CSS和JavaScript文件的.map文件。

与其他Sublime Text压缩包相比，Minify非常轻量：插件本身少于250行Python代码。一旦安装，Minify不需要互联网访问即可执行其工作，它可以在离线状态下工作。

Minify已在Sublime Text 2和Sublime Text 3下进行了测试，并应在所有支持的平台（Linux、Mac OS X和Windows）上运行良好。

Minify依赖于其他用Node.js编写的程序来执行其工作。下面提供了这些依赖项的详细安装说明。

Minify使用哪些第三方程序

三步安装方法

1. 为Sublime Text安装Minify包
   
   a) 通过 Package Control 安装 Minify（这是推荐方法）
   
   首先安装 Package Control - 请参阅安装说明
   
   然后在 Sublime Text 内按下 ctrl + shift + p（在 Mac OS X 上为 super + shift + p），找到 Package Control: Install Package，然后按 Enter。您可以通过输入其名称 Minify 来搜索 Minify 包
   
   b) 或者，您也可以直接从 GitHub 安装 Minify（这不推荐）
   
   在 Mac OS X 上
   
   git clone git://github.com/tssajo/Minify.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Minify
   
   注意：如果您使用的是 Sublime Text 2，请将上述命令中的“Sublime\ Text\ 3”替换为“Sublime\ Text\ 2”。
   
   在 Windows 上
   
   git clone git://github.com/tssajo/Minify.git %APPDATA%\Sublime Text 3\Packages\Minify
   
   注意：如果您使用的是 Sublime Text 2，请将上述命令中的“Sublime Text 3”替换为“Sublime Text 2”。

2. 安装 Node.js
   
   Windows 和 Mac OS X 用户只需访问 nodejs.org 并点击 INSTALL 按钮
   Linux 用户可以从 https://node.org.cn/download/ 下载预编译的二进制文件
   
   安装成功后，请确保您的PATH中包含node，以下是如何测试它
   
   打开一个 shell 窗口（在 Mac OS X 上为 Terminal，在 Windows 上为 CMD.exe）并输入以下命令
   
   node --version
   
   您应该看到一个版本号。但是如果您看到像＜code>command not found或类似的错误信息，则说明您的PATH中无法访问＜code>node，您必须修改这一点！

3. 安装所需的 Node.js CLI 应用程序
   
   从 shell 窗口（Mac OS X 上的＜code>Terminal，Windows 上的＜code>CMD.exe）执行以下命令
   
   npm install -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo
   
   注意事项
   
   如果您在 Mac OS X 上遇到错误，则从＜code>Terminal执行以下命令：＜code>sudo chown -R $USER /usr/local，然后再次尝试执行上述 npm install 命令。
   
   如果您永远不会处理例如 SVG 文件，则可以将＜code>svgo从上述 npm install 命令中省略。您还可以省略＜code>uglifycss等。
   
   如果您系统上已安装了上述某些或全部 Node.js CLI 应用程序，则建议使用以下命令将它们全部更新到最新版本
   
   npm update -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo
   
   请测试已安装的 Node.js CLI 应用程序是否通过您的 PATH 可用，以下是如何操作
   
   仍然从 shell 窗口（Mac OS X 上的＜code>Terminal，Windows 上的＜code>CMD.exe）执行以下命令，例如
   
   cleancss --version
   
   你应该看到一个版本号。但如果您看到类似＜code>command not found或类似的错误消息，则说明＜code>cleancss通过您的＜code>PATH不可用，您必须解决此问题！
   
   您可能想要为所有 Node.js CLI 应用程序（如＜code>cleancss、＜code>uglifycss、＜code>js-beautify、＜code>html-minifier、＜code>uglifyjs、＜code>minjson和＜code>svgo）进行此测试。
   
   

如何使用＜code>Minify

在您的 Sublime Text 编辑器中打开一个＜code>.css或＜code>.htm或＜code>.html或＜code>.js或＜code>.json或＜code>.svg文件，您可以

a) 在 Sublime Text 编辑器窗口中使用上下文菜单，

b) 在 Sublime Text 的工具/Minify 菜单下访问＜code>Minify file或＜code>Beautify file命令，

c) 使用以下键盘快捷键之一

ctrl + alt + m（在 Mac OS X 上为＜code>super + alt + m）

这将缩小当前缓冲区，并将缩小版本保存在同一目录中，文件扩展名为适当的 .min.css 或 .min.htm 或 .min.html 或 .min.js 或 .min.svg，然后它将在新的编辑器窗口中打开缩小文件。

ctrl + alt + shift + m（在 Mac OS X 上为 super + alt + shift + m）

这可以将当前缓冲区进行美化，并将美化后的版本保存到同一目录下，文件扩展名为适当的 .beautified.css 或 .beautified.htm 或 .beautified.html 或 .beautified.js 或 .pretty.svg，然后在新编辑器标签页中打开美化后的文件。

用户设置

您可以将自定义设置放在这里

（首选项 > 包设置 > 压缩 > 设置 - 用户）

要了解可能的选项，请参阅

（首选项 > 包设置 > 压缩 > 设置 - 默认）

请勿编辑 设置 - 默认 文件！！

项目设置

此外，您还可以为个别项目覆盖默认和用户设置。只需将“Minify”对象添加到项目 .sublime-project 文件中的“settings”对象中，包含您的 项目特定设置。

示例

{
    "settings": {
        "Minify": {
            "open_file": false,
            "auto_minify_on_save": true,
            "allowed_file_types": [
                "css",
                "js",
                "svg"
            ]
        }
    }
}

版权声明

有关许可信息，请参阅 LICENSE.md 文件。