How to automatically rebuild a project on the fly?

Question

css

Good day.
The task arose of how to automate the process of building a project when developing a frontend. On the local machine, there are layout files with folders css, js, img, etc. On the intermediate Linux server there is a local clone of the repository on Bitbucket. There, the project already has a completely different logic of files and folders, for example, css is in /public_html/assets/stylesheet/. The question is how to make static layout files automatically decomposed into the necessary project folders? The manual is long and there is a possibility that you will forget something.
I understand that you need to look towards project builders, such as grunt or gulp?
Help me decide.
PS Development is carried out on one local machine, manually uploaded to the local repository on the home server, after which the commit with the deployment goes to Bitbucket in its branch. Development in Phpstorm IDE

Answer 1

I am using Gulp in the same IDE. A couple of useful links for a quick start:
Gulp Basics
Installing and configuring
Bower - also useful when talking about code versioning

Answer 2

Everything gets outdated so quickly, how to js 2016 in short, just try one or another third, don't get hung up on the method, because tomorrow the webpack killer will be released and you will be recommended it