What are the tools for building a web project?

Question

css

Good afternoon.
Development is carried out on the dev server. The project has a bunch of CSS and JS files.
Which tool to choose and how to set up development in such a way that two developers work on a project. When everything is debugged, they typed a command, or ran a file, after that all the CSS and JS files would be collected and copied to a new directory (say the project is on test1.local/www, the new files are copied to test2.local/www).
Only for this, the new directory must have the correct includes in the templates.
How to automate all this?

Answer 1

To automate routine procedures (gluing css / js / images, compressing images, etc.), you can try Grunt (more difficult, but more ready-made tasks) or Gulp (simpler, fewer ready-made tasks, but simple ones can be easily found ready-made).
For collaboration, use git, as a client under win I can recommend SourceTree.
Get yourself a server on which you will upload the result of your work, preferably vpn, so that you can put your programs there. (I recommend trying the cheapest server from DigitalOcean.) And immediately master modern methods of development and deployment (placement).

Answer 2

middlemanapp.com
yeoman.io
bolt80.com/piecrust
staticsitegenerators.net

Answer 3

There are so many variations that in the end it all depends on your experience and environment.
Under the environment to understand not only the server, but also in what you work.

Answer 4

gulp + less/sass + uglifyjs/uglifycss + gulp-spritesmith + soourcemap + livereload + a bunch of stuff.