replace with regex for gulp-replace

Question

I am using gulp replace to replace full path name with another name by matching starting and ending strings

example

input:

src/app/Client/Home/home.service.js

output

dist/Home/home.service.min.js

---

---

.state('masterPage.blogArticle', {
            url: "/article/:postId",
            templateUrl: "src/app/Client/Blog/article/index.html",
            controller: "articleCtrl",
            controllerAs: 'vm',
            resolve: {
                deps: ['$ocLazyLoad', function ($ocLazyLoad) {
                    return $ocLazyLoad.load({
                        name: 'competitiveClient',
                        insertBefore: '#ng_load_plugins_before', // load the above css files before a LINK element with this ID. Dynamic CSS files must be loaded between core and theme css files
                        files: [
                            'src/app/Client/Blog/article/article.service.js',
                            'src/app/Client/Blog/article/article.controller.js'
                        ]
                    });
                }]
            }
        })

Here I want to replace .js file path with above output in all state

---

gulp.task('templates', () => {
  gulp.src(['dist/client/app/js/app.config.min.js'])
    .pipe(replace(/^(src\/app\/Client\/)(.*)(.js)$/g, 'dist/client/app'))
    .pipe(replace(/.js/g, '.min.js'))
    .pipe(gulp.dest('dist/client/app/js/'));
 });

but it's not working, it not getting matching path so if anyone have idea to solve it. thanks in advance.

Answer 1

Per this answer, gulp-replace will take a callback as a second argument. The only trick to that is that the full match will be the first param, all matching groups will be the second-through-nth argument, then there are a couple more.

E.G.

replace("my-(.*)", (full, capture) => {return "string: " + capture}) 

Answer 2

Try:

gulp.task('templates', () => {

  return gulp.src(['dist/client/app/js/app.config.min.js'])

      // need the matching groups 2 and 3 as well, and the m flag

      //.pipe(replace(/^(src\/app\/Client\/)(.*)(.js)$/gm, 'dist/$2$3'))

      .pipe(replace(/(src\/app\/Client\/)(.*)(.js)/g, 'dist/$2$3'))

      // escape the .
      .pipe(replace(/\.js/g, '.min.js'))

      .pipe(gulp.dest('dist/client/app/js/'));
});

---

src/app/Client/Home/home.service.js

==>

dist/Home/home.service.min.js

[And you'll want the return statement I added in there too.]