gulp.js 4.0으로 마이그레이션하는 방법

gulp.js 4.0 마이그레이션 안내서 : 빌드 프로세스를 단순화하십시오

Gulp.js 3.X를 대체하는 주요 변경 사항 : 기본 버전 업그레이드 : gulp.js 4.0은 기본 버전이되고 를 사용하여 설치할 수 있습니다. 작업 조합 :

및

메소드는 3.x 버전의 작업 배열을 대체하여 작업 순서를 각각 직렬 및 병렬로 실행하는 데 사용됩니다. 실행.

비동기 작업 처리 : gulp.js 4.0의 비동기 함수는 완료 상태를 명시 적으로 알려야합니다. 이것은 약속을 되돌리거나 암시 적으로 돌아 오거나 콜백 함수를 전달함으로써 수행 될 수 있습니다. ES6 모듈 지원 :

ES6 모듈 내보내기 모드 지원, 개인 작업 정의, 참조로 기능 전달, 여러 작업 이름에 동일한 기능을 사용할 수 있으며, 및/또는 .

• 왜 마이그레이션합니까? Webpack 및 Parcel과 같은 도구 간의 경쟁은 여전히 ​​가장 인기있는 JavaScript 작업 러너 중 하나입니다. gulp.js는 코드를 사용하여 다양한 옵션으로 구성됩니다. 일반적인 번역, 포장 및 실시간 재 장전 외에도 Gulp.js는 데이터베이스를 분석하고, 정적 사이트를 렌더링하고, GIT 제출물을 푸시하며, 단일 명령으로 슬랙 메시지를 게시 할 수 있습니다. npm install gulp 마이그레이션 단계 :
• update : series() 를 업데이트하고 실행하십시오. 를 사용하여 명령 줄 인터페이스를 업데이트 할 수 있지만 이는 작성시 변경되지 않았습니다. parallel()
• 설치 확인 : 명령 줄에 를 입력하여 설치를 확인하십시오 :
• 마이그레이션 series() : parallel() 마이그레이션 프로세스 중에 와 같은 오류가 발생할 수 있습니다. 일반적으로 작업이 정의되는 방식이 조정이 필요하기 때문입니다.

태스크 배열을 로 변환 : 메소드를 대신 사용하십시오

<code>$ gulp -v
[15:15:04] CLI version 2.0.1
[15:15:04] Local version 4.0.0</code>

비동기 작업 완료 : gulp.js 4 비동기 작업이 완료되는시기를 알아야합니다. Return Promise, 암시 적 반품 또는 콜백 함수를 사용할 수 있습니다.
5. ES6 모듈을 사용한 내보내기 모드 (권장) :
이는 작업을 정의하는 방법을 유지하기가 더 유연하고 쉽게 유지합니다.

<code class="language-javascript">// Gulp.js 3
gulp.task('css', ['images'], () => { ... });

// Gulp.js 4
gulp.task('css', gulp.series('images', () => { ... }));</code>

faqs :
Gulp 4와 Gulp 3의 주요 차이점은 무엇입니까? GULP 4는 시리얼 실행의 기본값 인 새로운 작업 실행 시스템을 도입하고 및 메소드를 사용하여 작업 실행 순서를 제어합니다.

Gulp 3 코드를 Gulp 4로 업데이트하는 방법은 무엇입니까? 주로 이전 작업 종속성 구문을 New 및 메소드로 바꾸고 파일을 업데이트해야합니다.

• 및 의 함수는 무엇입니까? 는 각각 직렬 및 병렬로 작업을 수행하는 데 사용됩니다. gulp.series() gulp.parallel()

  새로운 메소드를 사용하는 방법은 무엇입니까? 는 gulp 3과 유사하지만
• 또는 와 함께 사용해야합니다.

  Gulp 4로 업데이트 할 때 Gulp 작업이 오류를보고하는 이유는 아마도 코드가 여전히 Gulp 3의 구문을 사용하기 때문일 것입니다. <code>gulp.series() gulp.parallel() package.json

  Gulp 4에서 기본 작업을 정의하는 방법은 무엇입니까?
사용 .

• gulp.series() Gulp 4에서 Gulp 플러그인을 사용할 수 있습니까? 예, 일부 플러그인을 업데이트해야 할 수도 있습니다. gulp.parallel()

Gulp 4에서 비동기 작업을 처리하는 방법은 무엇입니까?

gulp.watch() Gulp 4에서 특정 순서로 작업을 실행하는 방법은 무엇입니까? 방법을 사용하십시오. gulp.series() gulp.parallel()

Gulp 4를 설치하는 방법은 무엇입니까?
• run .

  gulp.js 4.0으로 마이그레이션하면보다 강력하고 유연한 작업 관리 기능을 얻어 개발 효율성을 향상시킬 수 있습니다.

위 내용은 gulp.js 4.0으로 마이그레이션하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!