Ubuntu 20.04에 GulpJS를 설치하는 방법

이 튜토리얼에서는 Ubuntu 20.04에 GulpJS를 설치하는 방법을 보여줍니다. Ubuntu에서 Javascript 파일을 최소화하기 위해 GulpJS를 설정하는 방법을 배웁니다.

GulpJS는 개발 ​​워크플로에서 고통스럽거나 시간 소모적인 작업을 자동화하는 데 도움이 되는 툴킷입니다. 통합은 모든 주요 IDE에 내장되어 있으며 사람들은 PHP, .NET, Node.js, Java 및 기타 플랫폼과 함께 꿀꺽 꿀꺽 꿀꺽 마시고 있습니다.

npm 모듈을 사용하여 원하는 모든 작업과 스트리밍 파일 변환을 위한 3000개 이상의 선별된 플러그인을 사용하십시오. 최소한의 API 표면만 제공함으로써 gulp는 배우기 쉽고 사용하기 쉽습니다.

전제 조건

• Ubuntu 20.04 전용 서버
• sudo 관리자 권한이 있는 루트 사용자 또는 일반 사용자.

1단계 - 서버를 최신 상태로 유지

# apt update -y

# apt upgrade -y

2단계 - 빌드 필수 설치

# apt-get install build-essential -y

3단계 - NodeJS 및 NPM 설치

NodeJS의 안정적인 최신 릴리스를 설치합니다.

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

# apt-get install -y nodejs

설치가 성공했는지 확인합니다.

# node -v && npm -v

산출:

v14.14.0
6.14.8

4단계 - GulpJS CLI 설치

다음 명령을 사용하여 GulpJS CLI를 설치합니다.

# npm install -g gulp-cli

설치가 성공했는지 확인합니다.

# gulp -v

설정

플러그인과 함께 GulpJS를 사용하려면 gulpfile.js  파일과  package.json  파일 이 필요  합니다.

• gulpfile.js: 플러그인 관리와 함께 작업을 구성, 파이프 및 실행합니다.
• package.json: 종속성과 해당 버전을 추적합니다.

프로젝트 디렉토리로 이동합니다.

# cd /path/to/project/

NPM 환경을 초기화하여 package.json 생성  :

패키지 이름을 묻는 메시지가 나타나면 gulpjs 를 사용  하십시오 . 눌러  입력  다른 모든 질문에 대한 기본 응답을 적용 할 수 있습니다. 나중에 이 요약을 볼 수 있습니다.

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)

입력  예  를 눌러  입력 .

로컬 설치  꿀꺽의  패키지와  꿀꺽 꿀꺽 - 추하게  플러그인을.

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

꿀꺽꿀꺽 작업 만들기

 프로젝트의 루트에 gulpfile.js 를 만듭니다  .

# vi gulpfile.js

라이브러리를 가져온 다음 작업을 정의합니다. 예제 작업의 이름은  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
});

/path/to/javascript/files/ 에 하나 이상의 javascript 파일이 있는지 확인하십시오  .

# ls /path/to/javascript/files/

산출:

file.js

작업을 실행합니다.

# gulp exampleTask

산출:

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

/path/to/destination/  에는 축소된 파일이 포함되어 있습니다.

# ls /path/to/destination/

산출:

file.js

GulpJS를 성공적으로 설치했습니다.

이 튜토리얼에서는 Ubuntu 20.04에 GulpJS를 설치하는 방법을 보여주었습니다.