最新版Gulp-replace无法正常工作问题求助

嘿，我来帮你排查这个问题！你想用gulp-replace把JSON文件的全部内容替换成hello但没生效，问题其实出在你用的正则表达式上。

问题原因 #

你写的/.*/m正则，虽然加了m（多行模式）标志，但这个模式只改变^和$的匹配规则（让它们匹配每行的开头/结尾），并不会让.匹配换行符。如果你的retailer-theme.json文件里有换行，这个正则只能匹配到第一行内容，后面的行都会被保留，看起来就像替换没生效一样。

解决方案 #

要匹配文件里的所有内容（包括换行符），可以用两种可靠的方式：

1. 兼容性更强的正则：[\s\S]*

\s匹配所有空白字符（包括换行），\S匹配所有非空白字符，两者组合就能覆盖所有字符类型，适配大多数环境：

.pipe(replace(/[\s\S]*/, 'hello'))

2. 使用ES2018+的dotAll模式（/s标志）

如果你的Node.js环境支持ES2018及以上版本，也可以用/.*/s，s标志会让.匹配包括换行在内的所有字符，写法更简洁：

.pipe(replace(/.*/s, 'hello'))

修改后的完整代码 #

// Create a scss theme file
gulp.task('theme-scss', function() {
  return gulp.src(['./retailer-theme.json'])
    .on('error', gutil.log)
    // 替换为能匹配所有字符的正则
    .pipe(replace(/[\s\S]*/, 'hello'))
    .on('error', gutil.log)
    //.pipe(jsonSass({prefix: '$theme: '})).on('error', gutil.log)
    /*.pipe(rename({ dirname: './', basename: 'retailer', suffix: '-theme', extname: '.scss' })).on('error', gutil.log)*/
    .pipe(gulp.dest(APP_DIR + '/scss/variables/'))
    .on('error', gutil.log)
})

另外，也可以确认下gulp-replace是最新版本，执行npm install gulp-replace --save-dev更新一下，避免版本兼容问题。

试试这个修改，应该就能把整个文件内容替换成hello了！

内容的提问来源于stack exchange，提问作者Dave Keane