As with CSS, our goal should be to serve only one JavaScript file to the client's browser. We do not want to force the user to make more than one request, because this is less efficient and it means that the web browser takes longer to process and display the content of the page. Nowadays, the client-side part of applications is fairly complex. As with complex systems, we split our logic into different modules. Often, different modules mean different files. Thankfully, Node.js is full of tools that can be used to pack JavaScript. Let's see two of the most popular tools.
Gulp, as a build system, has several modules to concatenate files. The one that we are interested in is called gulp-concat. Let's add it to the package.json file:
"dependencies": {
"gulp": "3.8.8",
"gulp-less": "1.3.6",
"gulp-rename": "1.2.0",
"gulp-minify-css": "0.3.11",
"gulp-concat": "2.4.1"
}The next step is to write a task that uses it. Again, we will use...