gulp-replace | A string replace plugin for gulp | Plugin library

I have a gulp build, everything works fine, but after the build, some images are not loaded and are not displayed because the paths are different, for this I installed gulp-replace. The paths have been successfully replaced, this can be seen in the final code. But the image is not showing on the page.

And every time when I start the assembly, the picture that was missing may appear in the new assembly, but another one will be missing

What's wrong with my build?

Link to my gulp code

I'm using gulp-replace to modify static html.

The search and text values are stored in an array:

After I run npm start

This is my result is ...

So, I have 1 error in my GULP when I use the following:

I want to install a list of packages from a simple text file (yes, package.json is what this was designed for)

my first approach was this:

npm i $(cat builder-dev-packages.txt) -g similar to this: docker rm $(docker ps -a -f status=exited -q)

But I'm still getting that command evaluated as an invalid tag name.

npm ERR! code EINVALIDTAGNAME ": Tags may not have any characters that encodeURIComponent encodes.

Do I need to run through my npm command with a while loop instead of evaluating the output of a cat statement? This script still provides the same error for each line in the txt file.

Just went back to a very old project and updated to Gulp 4.0.2.

Managed to get it watching and compiling css, but doesn't seem to watch changes to the JavaScript files?

It doesn't throw any errors, just doesn't compile the JS when I make a change.

(I'm a designer and my JS is terrible, so you might have to really spell it out for me 😬)

gulpfile.js

Am trying to run gulp commands from package.json. But unable to execute.

This is my package.json.

I am looking for a safe way of doing require aliases using gulp. The idea is similar to what webpack offers with resolve alias.

For example, I put on my source code something like require('@plugin/utils') and it is translated to something of my choice, like require('$/plugins/longer/namespace/utils'). You probably have noticed that it does not match to any actual file path, and that is intentional (they are tiddlywiki files if anyone is interested). The best thing I found is gulp-replace, but that relies on strings replacements at worst and regular expressions at best. Ideally I would want something more reliable, something that is AST aware,so I'm sure that I never replace the wrong string (for example, a template string). I am also using babel, so if there is a babel plugin that I can use I will also be happy about that. As a last resort I may try to write some babel plugin or a gulp plugin using esprima, but esprima is not up to modern JS standard (doesn't parse object spread) and I would prefer creating another tool.

Thanks in advance