PhpStorm能否效仿VS Code，仅在已有压缩文件时压缩CSS/JS？

完全可以实现同款行为，核心是在File Watcher的执行逻辑里加入目标压缩文件是否存在的判断，只有当对应.min.js/.min.css文件已存在时，才触发压缩工具执行。以下是针对UglifyJS和CSSO的具体配置方案：

一、UglifyJS（处理JS文件） #

根据你的操作系统选择对应配置：

Windows系统 #

1. 打开PhpStorm的File Watchers设置，找到已创建的UglifyJS Watcher
2. 修改以下字段：
   • Program：设为 cmd.exe
   • Arguments：替换为

     /c if exist "$FileNameWithoutExtension$.min.js" uglifyjs "$FileName$" -o "$FileNameWithoutExtension$.min.js"
     

   • 确保uglifyjs已添加到系统环境变量PATH中，或者直接写全路径（比如C:\npm\uglifyjs.cmd）

Mac/Linux系统 #

1. 打开对应UglifyJS Watcher设置
2. 修改字段：
   • Program：设为 bash
   • Arguments：替换为

     -c 'if [ -f "$FileNameWithoutExtension$.min.js" ]; then uglifyjs "$FileName$" -o "$FileNameWithoutExtension$.min.js"; fi'
     

   • 同样确保uglifyjs在系统PATH中，或使用绝对路径

二、CSSO（处理CSS文件） #

同理，按操作系统配置：

Windows系统 #

1. 打开CSSO的File Watcher设置
2. 修改：
   • Program：cmd.exe
   • Arguments：

     /c if exist "$FileNameWithoutExtension$.min.css" csso "$FileName$" --output "$FileNameWithoutExtension$.min.css"
     

Mac/Linux系统 #

1. 打开CSSO Watcher设置
2. 修改：
   • Program：bash
   • Arguments：

     -c 'if [ -f "$FileNameWithoutExtension$.min.css" ]; then csso "$FileName$" --output "$FileNameWithoutExtension$.min.css"; fi'
     

备选方案：用自定义脚本统一处理 #

如果觉得分平台配置麻烦，可以写一个简单的脚本统一判断逻辑，再调用压缩工具：

示例bash脚本（Mac/Linux） #

创建minify-check.sh文件，内容如下：

#!/bin/bash
INPUT_FILE="$1"
# 生成对应压缩文件名
OUTPUT_FILE="${INPUT_FILE%.*}.min.${INPUT_FILE##*.}"

# 判断压缩文件是否存在
if [ -f "$OUTPUT_FILE" ]; then
    # 根据文件后缀调用对应工具
    case "$INPUT_FILE" in
        *.js) uglifyjs "$INPUT_FILE" -o "$OUTPUT_FILE" ;;
        *.css) csso "$INPUT_FILE" --output "$OUTPUT_FILE" ;;
    esac
fi

给脚本添加执行权限：chmod +x minify-check.sh，然后在File Watcher中：

• Program：指向该脚本的绝对路径（比如/Users/xxx/scripts/minify-check.sh）
• Arguments：$FileName$

示例批处理脚本（Windows） #

创建minify-check.bat文件：

@echo off
set INPUT_FILE=%1
set OUTPUT_FILE=%~dpn1.min%~x1

if exist "%OUTPUT_FILE%" (
    if "%~x1" == ".js" (
        uglifyjs "%INPUT_FILE%" -o "%OUTPUT_FILE%"
    ) else if "%~x1" == ".css" (
        csso "%INPUT_FILE%" --output "%OUTPUT_FILE%"
    )
)

然后在File Watcher中：

• Program：指向该批处理文件路径
• Arguments：$FileName$

配置完成后，只有当对应的.min压缩文件已经存在时，修改原JS/CSS文件才会触发重新压缩，和VSCode插件的行为一致。

内容的提问来源于stack exchange，提问作者Douglas Vicentini