빌드 스크립트의 전투 Gulp Vs Grunt

Grump를 시작하는 방법과 Grunt를 시작하는 방법에 관해 이미 작성했습니다. 둘 다 우리 작업을 자동화하다., 둘 다 노드 사용, 둘 다 네가 필요해. 작업 생성 및 플러그인 설치 어떤 종류의. 하지만 둘 사이의 차이에 대해 궁금합니까, 아니면 심지어 더 낫습니다.?

이 기사에서는 주로 이 두 프로젝트의 차이점 두 가지 중 어느 것을 스스로 결정할 수 있도록 도와 줄 수 있습니다. 익숙하지 않은 코드를 사용하겠습니다. 그렇다면 시작하기 전에 이전에 출판 된 두 개의 기사를 읽는 것이 좋습니다..

Hongkiat.com에 대한 추가 정보

• Gulp를 시작하는 방법
• 그 루트와 함께 시작하는 방법

속도

Gulp와 Grunt의 주된 차이점은 내부에서 자동화 작업을 처리하는 방법. Gulp는 Grunt가 임시 파일을 사용하는 동안 Node 스트림을 사용합니다. 그것을 단순한 영어로 만들자.?

프로젝트에 대해 SASS 코드를 작성한다고 가정합니다. 당신은 당신의 SASS 코드를 컴파일하고 아마 그것을 축소하고자 할 것입니다..

그런트는 다음을 사용하여 이것을 처리합니다. 중개 파일 디스크 I / O 작업입니다. SASS 파일이 컴파일 된 다음 임시 파일에 기록됩니다. 임시 파일은 자동 접두어에 의해 사용 된 다음 최종 제품이 대상 파일에 기록됩니다.

꿀꺽 꿀꺽 마시고 메모리 내. 소스 SASS 파일이 컴파일되고, 결과는 파일에 기록되지 않고 자동 프리 픽자로 전달되어 대상 파일이 기록됩니다.

메모리 내 작업과 비교할 때 디스크 쓰기 속도가 느려지므로 꿀꺽 꿀꺽 거리는 것이 큰 속도 이점이 있습니다. (현재). 속도 비교는 tech.tmw에 의해 이루어졌으며 대부분의 작업은 Gulp에서 적어도 두 배 빠릅니다. 이것은 대단히 과학적인 연구는 아니지만 경향은 거기에 있으며 나는 내 자신의 프로젝트에서도 같은 것을 보았습니다. 그러나 영향의 큰 부분은 속도의 차이입니다.?

초 차이

대부분의 프로젝트에서 중요하지 않습니다.. 대부분의 프로젝트는 작습니다.. WordPress 테마 나 유사한 파일을 만들 때 합리적인 한도 내에서 작업해야합니다. 스타일 시트가 400ms 또는 800ms에서 컴파일되는지는 중요하지 않습니다..

또한 대부분의 프로젝트는 가장 집중적 인 문제의 일부가 빠져 나갈 수있는 구조로되어 있습니다.. 50 개의 SASS 파일을 가지고 있다면 개발 중에 이들을 빠르게 연결할 수 있으므로 자동 접두어를 붙이거나 축소 할 필요가 없습니다. 프로젝트를 저장할 때마다 이미지를 최적화 할 필요가 없습니다..

작업을 스테이징 서버로 밀어 넣거나 저장소를 업데이트 할 때 큰 총을 필요로 할 때도 5 초 또는 9 초의 빌드 타임으로 인해 많은 차이가 있습니다?

모든 것을 없애기 위해 Grunt는 곧 출시 될 0.5 버전의 파이핑에 대한 지원을 추가 할 예정입니다..

커뮤니티

Grunt는 Gulp보다 훨씬 오래 사용되었으므로 상당한 사용자 기반을 가지고 있습니다. Grunt는 현재 하루 평균 약 37,000 건의 다운로드를 받고 있으며, Gulp는 23,000 건 부근의 절반 이상을 차지합니다. 즉, 꿀꺽 꿀꺽 마는 사람은 1 년 반 정도 밖에 있지 않았기 때문에 그 말을 존경 할 만하게 만들었습니다..

Grunt에는 현재 4000 개 이상의 플러그인이 있으며 Gulp에는 1200 개 이상의 플러그인이 있습니다. Google 트렌드에 따르면 더 많은 사람들이 Grunt 관련 콘텐츠를 검색하며이를 다루는 더 많은 포럼과 일반적으로 더 많은 커뮤니티 지원이 있습니다..

물론 꿀꺽 꿀꺽 마시 러 간다. 이것은 의미한다. 장기간에 걸쳐조차도. 그러나 이것은 일부 개발자, 특히 Grunt 기반 프로젝트를 작업하는 사람들에게 장벽이됩니다.

두 가지 모두를위한 커뮤니티가 아주 좋은. 제가 말할 수있는 한, 각 지역 사회의 지도자 들간의 관계는 놀랍습니다. 그리고 모두에게 모범이되어야합니다. Gulp의 창안자는 실제로 속도 테스트 비교의 작성자가 시간 차이가 감소하는 타이밍 정확도를 향상시키는 데 도움을주었습니다. 그게 내가 신사라고 부르는거야.!

코드 대 구성

분명히 이것은 많은 사람들에게 전환점입니다.하지만 솔직히이 문제를 개인적으로 볼 수는 없습니다..

인수는 다음과 같이 진행됩니다. 꿀꺽 꿀꺽 마는 좋은 예입니다. 코드 오버 구성은 구성이 약간 혼란 스러울 때 좋은 것일 수 있습니다. 다른 사람들은 이것이 사실이고 꿀꺽 꿀꺽 마는 것이 더 쉽지만 독서, 더 어렵습니다. 쓰다 때문에 배관은 약간 혼란 스러울 수있다..

제가 체중하기 전에 그루트 (Grunt)에서 첫 번째 예를 봅니다.

 grunt.initConfig (sass : dist : src : 'dev / *. scss', dest : '.tmp / styles', 확장 : true, ext : '.css'], autoprefixer : dist : css / styles ' expand : true expand : 스타일 : 파일 : [ 'dev / *. scss'], 작업 : [ 'sass : dist', 'autoprefixer : dist']); grunt.registerTask ( 'default', [ 'styles', 'watch']); 

 gulp.dest ( 'css / styles') gulp.task ( 'sss', function () gulp.src ( 'dev / *. scss') .pipe (sass ()) .pipe (자동 프리픽스 ()) .pipe ));); gulp.task ( 'default', function () gulp.run ( 'sass');); ); 

제 의견은 정말로 중요하지 않습니다. 물론, 첫 번째 방법에 익숙하다면 두 번째 시간을 계산하는 데 시간을 할애해야 할 수도 있지만, 그 반대의 경우도 마찬가지입니다. 그래서 나를 위해, “혼란스러워.” 인수가 완전히 유효하지 않습니다.. 어떤 새로운 방법은 처음에는 혼란 스럽습니다., 그러나 각각의 논리를 이해하는 데 시간을 투자한다면, 모두가 쇠퇴하게됩니다..

즉, 나는 개인적으로 선호한다. Gulp의 API는 깨끗하기 때문에어, 그리고 내가 그루트보다 더 가깝게 생각하는 방식을 반영합니다. 이것은 물론이다. 완전히 주관적인 그런트와 전혀 문제가되지 않습니다. 그것은 단지 내 개인 취향입니다..

선택할 방법

Grunt와 Gulp 모두 훌륭한 도구이며 지난 몇 년 동안 수많은 시간을 절약하는 데 도움이되었다는 사실에 대해서는 의문의 여지가 없습니다. 그런트는 지금은 약간 느리지 만 훨씬 큰 커뮤니티가 있습니다. 꿀꺽 꿀꺽 마시고, 청소기 API가 있지만 사용자 기반이 부족합니다..

나는 그 결정이 궁극적으로 연속성, 사용 가능한 플러그인 과 우선권.

(1) Grunt / Gulp를 당분간 사용 해왔다면 너는 그것으로 행복하다., 전환 할 이유가 없습니다..

(2) 프로젝트의 경우 플러그인이 필요합니다. Gulp이 제공하지 않는 것이고 당신은 자신을 쓸 준비가되어 있지 않습니다. Grunt와 함께 가야합니다..

(삼) 위의 두 가지 고려 사항이 귀하에게 적용되지 않는 경우 우선 순위에 도달하게됩니다. 나는 둘 다 시도하고 보는 것이 좋습니다. 어느 것이 당신과 붙잡습니까?.

내가 말했듯이, 나는 더 깨끗한 API를 좋아하기 때문에 Gulp를 사용하기로 결정했다. 그러나 프로젝트가 그것을 요구하면 Grunt를 사용하는 것이 매우 편안하다. 당신이해야 할 일 아니 Mr. Know-it-all은 꿀꺽 꿀꺽 마시는 것이 더 낫다고 받아 들였습니다. 차이점은 있지만 확실한 승자는 없습니다. 두 프로젝트는 공존 할 수 있고, 공존 할 것이다.. 그들을 밖으로 시도하고 자신의 마음을 확인하십시오.

참고 : Keith Cirkel (자바 컨설턴트)과 같은 사용자의 의견을 고려해 볼 수도 있습니다. 어느 쪽도 아니다. Grunt & Gulp 사용을 중단해야하는 이유는 npm을 사용하는 것이 좋습니다..

더 읽을 거리

이 주제에 관해 많은 훌륭한 기사가 많이 있습니다. 추가 읽기를 위해 다음 중 하나를 진심으로 추천합니다. 다른 사람들의 말을 읽는 것이 결코 아프지 않습니다.!

• Grunt vs Gulp - 숫자 너머 (명확한 예에 대한 특별한 감사)
• 꿀꺽 꿀꺽 마구, 무엇이든간에
• 선택 : Grunt, Gulp 또는 npm?
• 스피드 테스트 꿀꺽 꿀꺽 마시고
• Grunt & Gulp 사용을 중단해야하는 이유
• 빌드 전쟁 (화살표를 사용하여 탐색)
• 곡예를 할 필요가 없으며 신선한 공기를 마실 수 있습니다.