Como instalar o GulpJS no Ubuntu 20.04

Neste tutorial, mostraremos como instalar o GulpJS no Ubuntu 20.04. Você aprenderá a configurar o GulpJS para minimizar arquivos Javascript no Ubuntu.

GulpJS é um kit de ferramentas que ajuda a automatizar tarefas dolorosas ou demoradas em seu fluxo de trabalho de desenvolvimento. As integrações são feitas em todos os principais IDEs e as pessoas estão usando o gulp com PHP, .NET, Node.js, Java e outras plataformas.

Use módulos npm para fazer o que quiser + mais de 3.000 plug-ins selecionados para transformações de arquivo de streaming. Ao fornecer apenas uma superfície API mínima, o gulp é fácil de aprender e simples de usar.

Pré-requisitos

• Servidor dedicado Ubuntu 20.04
• Um usuário root ou usuário normal com privilégios de administrador sudo.

Etapa 1 - Mantenha o servidor atualizado

# apt update -y

# apt upgrade -y

Etapa 2 - Instalação essencial para compilação

# apt-get install build-essential -y

Etapa 3 - Instale o NodeJS e o NPM

Instale a versão estável mais recente do NodeJS.

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

# apt-get install -y nodejs

Verifique se a instalação foi bem-sucedida.

# node -v && npm -v

Saída:

v14.14.0
6.14.8

Etapa 4 - Instale o GulpJS CLI

Instale a CLI GulpJS usando o seguinte comando:

# npm install -g gulp-cli

Verifique se a instalação foi bem-sucedida.

# gulp -v

Configurar

Para usar o GulpJS com plug-ins, você precisa de um   arquivo gulpfile.js e de um   arquivo package.json .

• gulpfile.js: configura, canaliza e executa tarefas junto com o gerenciamento de plug-ins.
• package.json: controla as dependências e suas versões.

Vá para o diretório do seu projeto.

# cd /path/to/project/

Inicialize um ambiente NPM para criar um  package.json :

Quando for solicitado um nome de pacote, use  gulpjs . Pressione  ENTER  para aceitar a resposta padrão para todas as outras perguntas. Posteriormente, você deverá ver este resumo.

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)

Digite  sim  e pressione  ENTER .

Instale o  pacote gulp local  e o   plugin gulp-uglify .

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

Criação da tarefa gulp

Crie um  gulpfile.js  na raiz do projeto.

# vi gulpfile.js

Importe as bibliotecas e, em seguida, defina uma tarefa. A tarefa de exemplo é denominada  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
});

Certifique-se de que haja pelo menos um arquivo javascript em  / path / to / javascript / files / :

# ls /path/to/javascript/files/

Saída:

file.js

Execute a tarefa.

# gulp exampleTask

Saída:

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

/ caminho / para / destino /  contém o arquivo minimizado.

# ls /path/to/destination/

Saída:

file.js

Instalamos o GulpJS com sucesso.

Neste tutorial, mostramos como instalar o GulpJS no Ubuntu 20.04.