0

画像ソース参照が取りうるさまざまなパターンを考慮しながら、HTML、CSS、または JavaScript で画像参照を検出するための正規表現を作成しようとしています。

これは、gulp-replace タスクの一部としてすべての画像の URL パスを変更することです。

これらは私がカバーする必要があると私が思う例です

"../img/hero/layer4.png
"../images/bg-top.jpg
'img/logo.jpg
'img/btn/banner-submit.jpg
"img/btn/animated-thank-you-banner.gif

そして、これは私が正規表現のためにこれまで持っているものです

(?:(\.\.\/)|)(img|imgs|image|images)(.*[\\\/])

https://regex101.com/r/kF7hG0/2

残念ながら、これはimgタグに一致するようです

<img src="img/

" または ' の後のすべて、基本的にファイル名と拡張子のない画像パスをキャプチャするように正規表現を変更するにはどうすればよいですか?

正規表現は、この gulp タスクの一部として実行されます

gulp.task('html', function () {

  gulp.src(source + '**/*.+(html|php)')
    .pipe($.plumber())
    .pipe($.inline({
        base: source,
        js: $.uglify,
        css: $.cleanCss,
        disabledTypes: ['svg', 'img']
    }))
    .pipe($.replace(/("|')(?:(\.\.\/))?(?:img|image|images)(.*[\\\/])/g, '"' + mtkosrc + campaign +'-'))
    .pipe(gulp.dest(build))
});

ありがとう

4

1 に答える 1