Are there Javascript preprocessors like Sass?

Question

JavaScript

Good day to all!
I have been working with scss for some time, I find it very convenient to be able to create separate files for specific blocks, and then assemble the scss files into one css file.
In general, I get something like this structure:
styles / blocks / file.scss
styles / components / file.scss
styles / sassline / file.scss
main.css
, etc.
Actually, the question is: is there something similar for js so that you can make many separate js files and then collect them into one big file? it just becomes very inconvenient to end up looking for the desired function in a very long js file. Can someone advise how best to organize the structure of the js code on the project?

Answer 1

https://webpack.js.org - will change your understanding of file assembly in principle.

Answer 2

Just glue all files into one
https://www.npmjs.com/package/gulp-concat-js
Do the same structure as sass

Answer 3

Just like you collect scss files, you can also collect js :)

Answer 4

You can try to include via gulp-rigger.