久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

grunt和gulp在node.js中有什么不同

這篇文章給大家介紹grunt和gulp在node.js中有什么不同,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站設(shè)計制作、網(wǎng)站制作、平果網(wǎng)絡(luò)推廣、小程序定制開發(fā)、平果網(wǎng)絡(luò)營銷、平果企業(yè)策劃、平果品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供平果建站搭建服務(wù),24小時服務(wù)熱線:18982081108,官方網(wǎng)址:sd-ha.com

node.js中g(shù)runt和gulp的區(qū)別詳解

自nodeJS登上前端舞臺,自動化構(gòu)建變得越來越流行。目前最流行的當(dāng)屬grunt和gulp,這兩個光看名字挺像,功能也差不多,不過gulp能在grunt這位大哥如日中天的境況下開辟出自己的一片天地,有著她獨到的優(yōu)點。

  1. 易用Gulp相比Grunt更簡潔,而且遵循代碼優(yōu)于配置策略,維護(hù)Gulp更像是寫代碼。

  2. 高效Gulp相比Grunt更有設(shè)計感,核心設(shè)計基于Unix流的概念,通過管道連接,不需要寫中間文件。

  3. 高質(zhì)量Gulp的每個插件只完成一個功能,這也是Unix的設(shè)計原則之一,各個功能通過流進(jìn)行整合并完成復(fù)雜的任務(wù)。例如:Grunt的imagemin插件不僅壓縮圖片,同時還包括緩存功能。他表示,在Gulp中,緩存是另一個插件,可以被別的插件使用,這樣就促進(jìn)了插件的可重用性。目前官方列出的有673個插件。

  4. 易學(xué)Gulp的核心API只有5個,掌握了5個API就學(xué)會了Gulp,之后便可以通過管道流組合自己想要的任務(wù)。

  5. 使用Grunt的I/O過程中會產(chǎn)生一些中間態(tài)的臨時文件,一些任務(wù)生成臨時文件,其它任務(wù)可能會基于臨時文件再做處理并生成最終的構(gòu)建后文件。而使用Gulp的優(yōu)勢就是利用流的方式進(jìn)行文件的處理,通過管道將多個任務(wù)和操作連接起來,因此只有一次I/O的過程,流程更清晰,更純粹。

  6. 代碼優(yōu)于配置維護(hù)Gulp更像是寫代碼,而且Gulp遵循CommonJS規(guī)范,因此跟寫Node程序沒有差別。

一個簡單的Gulpfile.js配置格式

  var gulp = require('gulp');
  var jshint = require('gulp-jshint');
  var concat = require('gulp-concat');
  var rename = require('gulp-rename');
  var uglify = require('gulp-uglify');

  // Lint JS
  gulp.task('lint', function() {
  return gulp.src('src/*.js')
    .pipe(jshint())
    .pipe(jshint.reporter('default'));
  });

  // Concat & Minify JS
  gulp.task('minify', function(){
    return gulp.src('src/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('dist'))
    .pipe(rename('all.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dist'));
  });

  // Watch Our Files
  gulp.task('watch', function() {
    gulp.watch('src/*.js', ['lint', 'minify']);
  });

  // Default
  gulp.task('default', ['lint', 'minify', 'watch']);

關(guān)于grunt和gulp在node.js中有什么不同就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

網(wǎng)站標(biāo)題:grunt和gulp在node.js中有什么不同
文章URL:http://sd-ha.com/article10/ggsdgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、建站公司、App開發(fā)、電子商務(wù)、ChatGPT、微信公眾號

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)