Cómo instalar GulpJS en Ubuntu 20.04

En este tutorial, le mostraremos cómo instalar GulpJS en Ubuntu 20.04. Aprenderá a configurar GulpJS para minificar archivos Javascript en Ubuntu.

GulpJS es un conjunto de herramientas que le ayuda a automatizar tareas dolorosas o que consumen mucho tiempo en su flujo de trabajo de desarrollo. Las integraciones están integradas en todos los IDE principales y la gente está usando gulp con PHP, .NET, Node.js, Java y otras plataformas.

Use los módulos npm para hacer lo que quiera + más de 3000 complementos seleccionados para la transmisión de transformaciones de archivos. Al proporcionar solo una superficie API mínima, gulp es fácil de aprender y fácil de usar.

Prerrequisitos

• Servidor dedicado Ubuntu 20.04
• Un usuario root o usuario normal con privilegios de administrador sudo.

Paso 1: mantenga el servidor actualizado

# apt update -y

# apt upgrade -y

Paso 2: instalar build-essential

# apt-get install build-essential -y

Paso 3: instale NodeJS y NPM

Instale la última versión estable de NodeJS.

# curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

# apt-get install -y nodejs

Verifique que la instalación sea exitosa.

# node -v && npm -v

Producción:

v14.14.0
6.14.8

Paso 4 - Instale la CLI de GulpJS

Instale la CLI de GulpJS usando el siguiente comando:

# npm install -g gulp-cli

Verifique que la instalación sea exitosa.

# gulp -v

Configuración

Para usar GulpJS con complementos, necesita un   archivo gulpfile.js y un   archivo package.json .

• gulpfile.js: configura, canaliza y ejecuta tareas junto con la gestión de complementos.
• package.json: realiza un seguimiento de las dependencias y sus versiones.

Vaya al directorio de su proyecto.

# cd /path/to/project/

Inicialice un entorno NPM para crear un  package.json :

Cuando se le solicite un nombre de paquete, use  gulpjs . Presione  ENTER  para aceptar la respuesta predeterminada para todas las demás preguntas. Luego, debería ver este resumen.

About to write to /root/package.json:

{
"name': "gulpjs',
"version': "1.0.0',
"description': "',
"main': "index.js',
"scripts': {
"test': "echo \'Error: no test specified\' && exit 1″
},
"author': "',
"license': "ISC'
}

Is this OK? (yes)

Escriba  sí  y presione  ENTRAR .

Instale el  paquete gulp local  y el   complemento gulp-uglify .

# npm install --save-dev gulp gulp-uglify

Creando la tarea gulp

Cree un  archivo gulpfile.js  en la raíz del proyecto.

# vi gulpfile.js

Importe las bibliotecas, luego defina una tarea. La tarea de ejemplo se denomina  exampleTask.

const gulp = require('gulp'); // Import Gulp
const uglify = require('gulp-uglify'); // Import Gulp Uglify (Javascript minify)

gulp.task('exampleTask', ()=>{ // define a task
return gulp.src('/path/to/javascript/files/*.js') // source a directory full of anything ending with .js
.pipe(uglify()) // minify the stream
.pipe(gulp.dest('/path/to/destination/')); // send files to a destination
});

Asegúrese de que haya al menos un archivo javascript en  / path / to / javascript / files / :

# ls /path/to/javascript/files/

Producción:

file.js

Ejecute la tarea.

# gulp exampleTask

Producción:

Working directory changed to ~
Using gulpfile ~/gulpfile.js
Starting 'exampleTask’…
Finished 'exampleTask' after 59 ms

/ ruta / a / destino /  contiene el archivo minificado.

# ls /path/to/destination/

Producción:

file.js

Hemos instalado GulpJS con éxito.

En este tutorial, le mostramos cómo instalar GulpJS en Ubuntu 20.04.