gulp-repl | a simple repl for gulp | Frontend Framework library

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

Note: See the solution below!

By default both JS and jQuery will remove closing tags for empty 's. Normally this wouldn't be a problem. However, in IE11 the following warning will be thrown due to the self-closing elements.

I am importing bootstrap in my main scss file to use the variables and breakpoints from bootstrap in my own scss files.

This works fine but every change I save it takes about 3 seconds to compile, when i compile it without the bootstrap include it takes 99ms.

Is there a way to let gulp not compile bootstrap each time I make a change and still use all of the variables? (Bootstrap is not changing anyway)

My main scss thar imports all my scss code looks like this

I'm creating a task with gulp that need to change the parameters of a href. For example:

On my html file I have a link:

I have encountered a problem while starting gulp. The info I got is from https://coder-coder.com/gulp-4-walk-through/ and https://www.youtube.com/watch?v=-lG0kDeuSJk.

my gulpfile.js

I have a gulp project I inherited.

I am supposed to be migrating gulp v3 to v4.

However, I cannot find a gulpfile.js in this project at all. Yet, every tutorial requires one. I am assuming there is some setup where the last developer knew about which is probably outdated?

Here is my folder structure:

All tasks are grouped in the Tasks folder. I want to say these exported with the root files which actually run those tasks files are my "gulpfiles".

All gulp tasks are ran using: node platform/build.js or node platform/deploy.js

I can make changes to this and everything, I see how he called it and wrote tasks. But I don't know the paradigm he is using to do this so it's difficult to know where to start migrating this to gulp v4.

Gulp libraries we are using: