Gulp

Gulp is another popular JavaScript build tool. It is similar to Grunt in that it can be used to automate common development tasks such as minification, linting, and testing. However, Gulp uses a different syntax than Grunt, and it is known for its speed and simplicity.

Here is a simple example of how to use Gulp to minify your code:

1// Create a gulpfile.js file with the following contents
2var gulp = require('gulp');
3var uglify = require('gulp-uglify');
4
5gulp.task('default', function() {
6  return gulp.src('src/index.js')
7    .pipe(uglify())
8    .pipe(gulp.dest('dist'));
9});

This will create a new dist directory containing a minified JavaScript file called index.js. You can then open this file in a web browser to view your application.

Gulp can also be used to perform more complex tasks, such as compiling TypeScript code, running tests, and deploying code to a production server. To do this, you can use Gulp plugins. There are hundreds of Gulp plugins available, so you can find one to automate almost any task.

Here is an example of how to use a Gulp plugin to compile TypeScript code:

1// Install the Gulp TypeScript plugin
2npm install gulp-typescript
3
4// Add the Gulp TypeScript plugin to your gulpfile.js file
5var gulp = require('gulp');
6var typescript = require('gulp-typescript');
7
8gulp.task('default', function() {
9  return gulp.src('src/**/*.ts')
10    .pipe(typescript())
11    .pipe(gulp.dest('dist'));
12});

This will create a new dist directory containing a compiled JavaScript file called index.js. You can then open this file in a web browser to view your application.