Question

我有以下两项Gulp任务：

function changeAPIEnvDirectoryForProd() {
    return src('src/app/modules/models/ApiUrl.ts', { base: "src/app/modules/models/" })
    .pipe(replace('../../../environments/environment', '../environments/environment')).pipe(
        dest('src/app/modules/models/', {overwrite: true})
    );
}

function changeAPIEnvDirectoryForLocal() {
    return src('src/app/modules/models/ApiUrl.ts', { base: "src/app/modules/models/" })
    .pipe(replace('../environments/environment', '../../../environments/environment')).pipe(
        dest('src/app/modules/models/', {overwrite: true})
    );
}

两者都取决于环境，一个用于生产，另一个用于本地开发。

我遇到的问题是，如果在我的文件中有：

import { environment } from '../../../environments/environment'

export class Apis {
    static bo = `${environment.boAPIUrl}/api/v1/bo`;
}

当我运行changeAPIEnvDirectoryForLocal任务时，它将以前的代码替换为：

import { environment } from '../../../../../environments/environment'

这是因为根据我的代码，它应该保持不变。我认为问题在于替换搜索这两个字符串是相同的：

../../../environments/environment

和

../environments/environment

反正有一个确切的匹配项吗？

Answer 1

最简单的方法是像这样在搜索词中包含'：

.pipe(replace("'../environments/environment'", '../../../environments/environment'))

现在它将只查找整个学期。避开'这样的音调'似乎可以在您搜索词的开头和结尾起作用：

.pipe(replace('\'../environments/environment\'', '../../../environments/environment'))

顺便说一句，您的结果是可以预期的，因为gulp-replace在'../environments/environment中可以找到../../../../../environments/environment，因为它在那里。

最后，您可以使用正则表达式后面的正则表达式以另一种方式解决问题。如

.pipe(replace(/(?<=')..\/..\/..\/environments\/environment/g, '../../../environments/environment'))

（在正则表达式中，必须转义路径分隔符）

gulp-replace不使用搜索字符串的完全匹配

1 个答案: