1. 程式人生 > >gulp 幾個用法,打包,壓縮,監聽檔案

gulp 幾個用法,打包,壓縮,監聽檔案

一、首先,最重要的一點    程式碼的檔名必須是 gulpfile.js.

二,寫法

1.合併多個js檔案

var gulp = require('gulp'),
    concat = require('gulp-concat');
 
gulp.task('testConcat', function () {
    gulp.src('src/js/*.js')
        .pipe(concat('all.js'))//合併後的檔名
        .pipe(gulp.dest('dist/js'));
});


2.合併多個css

var gulp = require('gulp'),
    cssmin = require('gulp-minify-css');
 
gulp.task('testCssmin', function () {
    gulp.src('src/css/*.css')
        .pipe(cssmin())
        .pipe(gulp.dest('dist/css'));
});
更多可看 http://www.ydcss.com/archives/41
3.壓縮
var gulp = require('gulp'),
    uglify= require('gulp-uglify');
 
gulp.task('jsmin', function () {
    //壓縮src/js目錄下的所有js檔案
    //除了test1.js和test2.js(**匹配src/js的0個或多個子資料夾)
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js']) 
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

4.監聽檔案變化。
var gulp = require('gulp'); 
gulp.task('watch', function () {
    gulp.watch('./*.js', function (event) {
        console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
        var exec = require('child_process').exec;    
		var child = exec('node app.js', function(err, stdout, stderr) {
		  if (err) throw err;
		  console.log("啟動");    
		});
    });
});

三、啟動方式 命令列執行 gulp +任務名, 如 gulp testConcat。 也可以通過 exec來執行。如上,監聽到檔案變化,就重啟app.js

相關推薦

gulp 用法打包,壓縮,檔案

一、首先,最重要的一點    程式碼的檔名必須是 gulpfile.js. 二,寫法 1.合併多個js檔案 var gulp = require('gulp'), concat = require('gulp-concat'); gulp.task('testC

python裡面的用法not inc if a else b[fun(a) for a in [...]] , a,b=b,a,'內容'.join([string array])

1.not in >>> a=2 >>> a not in [2,3,4] False >>> a in [2,3,4]  2. c if a else b   #這裡注意,一定要有b,而且b不

關於android 視訊壓縮技術java層面就可以解決

本文就是記錄了下技術的名稱和方向,以供自己以後使用,所以很簡陋,大家做參考就好。 手機視訊壓縮 需求: android 聊天專案需要加入短視訊傳送功能 ,手機視訊錄製的短視訊過大,必須壓縮。 解決方案:     1:使用ffmpeg技術   是個c 類庫,很牛比,很多軟

學習Java分為階段分別是什麽?

java hiberna 我不 參加 file類 循環 堆外 read 網絡 多年前我自學的時候是很茫然,上網問問題,總是一堆外行的人說很難啊,你需要這樣需要那樣,不然就是,一堆人說一些空話,多看多寫,買好書,我很無語,除了這些就沒有自己的一些想法嗎? 首先很多人認為學JA

jQuery中的$(window)與$(document)用法區別

圖片 document window function 準備就緒 [window對象] 它是一個頂層對象,而不是另一個對象的屬性,即表示瀏覽器中打開的窗口。 1、屬性  defaultStatus 缺省的狀態條消息  document 當前顯示的文檔(該屬性本身也是一個對象)  f

互聯網大咖都要收藏的網站純幹貨

發現 分析 選擇 ppt 咨詢 描述 意思 官方 img 有句俗話說的好:裝逼首選豆瓣,吹牛當然還是上知乎!這句話從側面反映出了網民朋友們在互聯網上的”淘樂樂“的心態!如今,誰的pc上沒有幾個收藏夾,估計沒有的人都會覺得不好意思吧。 如今,大家發現好的網站都會第一時間放到自

JS產生隨機數的用法

func 四舍五入 script 整數 其中 n) 產生 var () <script> function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random();

電腦配置太低?使用這網站你的電腦軟件要少裝一半!

atp 一周 即使 exc 你們的 不用 過多 電腦軟件 提升 你還在為你的電腦配置太低導致軟件過多而卡頓感到煩惱?還是電腦遊戲太多,無法運行一些其他軟件而不開心?其實不用難過,小編教你們使用一些在線網站,可以輕松的將你的電腦上的軟件少安裝一半!你們準備好了嗎! 一.創客

CSS響應式:根據分辨路加載不同CSS的方法親測可用

響應 col 但是 max-width width media 總結 屏幕 link 有時候你需要把同一個頁面在手機和pc同時打開,其中有一個辦法就是判斷不同分辨路加載不同的css 小編總結了幾種分別加載css的方法: 1.比較復雜的使用js判斷加載不同css (親

iOS 同一個項目創建多target打包不同版本的項目

href code 第三方庫 選擇 設置 OS 但是 一份 沒有 創建新的target有兩種: 第一種:通過新建target(File ——> New——>Target) 1、Xcode創建新項目TargetDemo: 2、創建新的target:File —

linux ---遠端登陸設定密碼修改檔案傳輸打包壓縮

<1>.ssh的安全設定(配置) vim /etc/ssh/sshd_config ---> sshd配置檔案的設定 PasswordAuthentication yes ---> 是否允許使用者通過密碼做sshd認證 PermitRootLogi

快速錄入30Excel表格職場老手用這技巧只花了10分鐘!

職場辦公最怕不會用Excel軟體,一天好多個Excel表格,全部都要快速錄入。新人進入職場都快哭了,怎麼辦?職場老手都在用的這些技巧,效率提升超快!再也不怕工作做不完。大家快趕緊一起學起來啦! 輸入大寫數字 很多職場做會計財務之類的朋友都知道,當Excel表格輸入金額需要用中文大寫輸入時,非常的痛

char、short、long、double佔位元組32位機中

char佔1位元組,short佔 2 位元組,int 、float、long 都佔 4 位元組,double 佔8 位元組 指標長度和地址匯流排有關。因為指標記錄的就是一個地址,那麼32位的就是4位元組,64位的就是8位元組。 發現一個問題,以下程式碼是在win10 64位系統下跑的

二進位制位運算的用法

總結幾個位運算的用法 下面舉的例子中,a=1010 1010 按位與& (1)清零:a&0=0 (2)取指定位上的數字,如取得數字a的最後四位:a&0000 1111 = 0000 1010 按位或| (1)對某些位置置為1,如將a的後四位置為1:a|0000 1111 =

用shell指令碼增加並在每個組裡建立一定的使用者

昨天我們用語言寫了一個關於使用者組和使用者的簡單應用,但是說實話,就九個使用者我已經重複的很煩惱了,於是我就想能不能通過shell指令碼來實現批量增加使用者。於是乎,我今天就想著用shell指令碼去完成昨晚的例子。我們先來回顧一下昨天的例子。 題目:建立幾個組,每個組有一定的成員,並且每個組有一個可以操作的

電腦藍屏如何修復?步驟突破極限!讓電腦不再藍屏!

一般使用電腦的朋友大多數都會碰到電腦藍屏的現象,對於一些工作狂人和學生來說電腦藍屏有的時候一兩個小時都開不了電腦,學習工作分分鐘都會受到影響,令人害怕又頭疼,那麼今天我們就來談一談電腦藍屏如何解決,讓你再也不用擔心電腦藍屏!   1.安裝惡意軟體 目前網上很多軟體都會捆綁

分享程式設計師喜歡逛的這網站不知道的話就OUT了!

如果對程式設計感興趣的話,可以通過哪些網站來學習程式設計知識呢?今天就來介紹程式設計師喜歡逛的幾個牛掰的網站,瞭解這些程式設計師每天休閒時間都在看什麼! 1.部落格園 部落格園是一個面向開發者的知識分享社群,可以那麼幫助開發者通過網際網路來分享知識,可以幫助程式設計師通過程式碼來改變

tar---打包壓縮linux的檔案和目錄

tar命令可以為linux的檔案和目錄建立檔案。利用tar,可以為某一特定檔案建立檔案(備份檔案),也可以在檔案中改變檔案,或者向檔案中加入新的檔案。tar最初被用來在磁帶上建立檔案,現在,使用者可以在任何裝置上建立檔案。利用tar命令,可以把一大堆的檔案和目錄全部打包成一個檔案,這對於備份檔案或將幾個檔案組

Oracle中關於處理小數點位數的函式取小數位數Oracle查詢函式

關於處理小數點位數的幾個oracle函式() 1. 取四捨五入的幾位小數 select round(1.2345, 3) from dual; 結果:1.235 2. 保留兩位小數,只舍 select trunc(1.2345, 2) from dual; 結果:1.23 select trun

Java程式設計師不可不知的網站你去過

看到網上IT友人積累的網址,非常不錯,不少我也知道,非常值得去學習,特此也借他人幫助記錄一下!!非常感謝!! 轉自:http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&i