如何在压缩文件中移除部分console.log，同时保留指定日志？

核心思路 #

给需要保留的console.log加上// keeper注释，通过自定义处理逻辑，让Gulp在构建时只移除没有标记的日志，同时兼容嵌套在代码块里的日志。

具体实现步骤 #

1. 用gulp-replace快速实现 #

不用装额外复杂插件，直接用gulp-replace写正则匹配逻辑就行：

const gulp = require('gulp');
const replace = require('gulp-replace');

gulp.task('strip-unmarked-logs', () => {
  return gulp.src('src/**/*.js')
    // 匹配不带// keeper注释的console.log，直接移除
    .pipe(replace(/console\.log\((.*?)\);(?!\s*\/\/\s*keeper)/g, ''))
    // 可选：保留标记日志的同时，去掉后面的// keeper注释
    .pipe(replace(/(console\.log\(.*?\);)\s*\/\/\s*keeper/g, '$1'))
    .pipe(gulp.dest('dist'));
});

2. 适配嵌套/多行日志场景 #

如果你的console.log嵌套在if、函数里，或者是多行写法，调整正则支持换行和缩进：

// 支持多行、缩进的匹配规则
const unmarkedLogRegex = /console\.log\([\s\S]*?\);(?!\s*\/\/\s*keeper)/g;

gulp.task('strip-unmarked-logs', () => {
  return gulp.src('src/**/*.js')
    .pipe(replace(unmarkedLogRegex, ''))
    .pipe(gulp.dest('dist'));
});

3. 和现有压缩流程配合 #

如果你的构建里有代码压缩（比如用gulp-uglify），一定要把日志移除步骤放在压缩之前——压缩后的代码会打乱格式，正则就匹配不上了。

踩坑提醒 #

• 正则要根据你的代码风格微调：比如有的团队习惯console.log()后面加空格，或者注释写//keeper（没空格），都要对应调整正则里的\s*部分。
• 上线前多测几种场景：单行日志、多行日志、嵌套在循环/条件里的日志，确保标记的都留着，没标记的都清干净。

内容的提问来源于stack exchange，提问作者Peter Hentges