gulp基礎知識上

2021-08-01 14:57:41 字數 1241 閱讀 9295

1、gulp.src(globs[, options])

1.1說明:src方法是指定需要處理的原始檔的路徑,gulp借鑑了unix作業系統的管道(pipe)思想,前一級的輸出,直接變成後一級的輸入,gulp.src返回當前檔案流至可用外掛程式;

1.2 globs:需要處理的原始檔匹配符路徑:

"src/a.js": 指定具體檔案;

"*" : 匹配所有檔案 例://"src/*.js" (包含src下面的所有js檔案);

"**":匹配0個或者多個子資料夾 例:"src/**/*.js"(包含src的0個或者多個子檔案下的js檔案);

"{}":匹配多個屬性 例:src/.js(包含a.js和b.js檔案) src/*.(src下的所有jpg/png/gif檔案)

"!":排除檔案 例:!src/a.js(不包含src下的a.js檔案)

2、gulp.dest(path[, options])

2.1 說明:dest方法是指定處理完後檔案輸出的路徑

gulp.dest(path)
3.gulp.task(name, [deps],fn)

說明:task定義乙個gulp任務,name指定任務的名稱(不應該有空格);

deps:型別可選,該任務依賴的任務

gulp.task('testless', function

() );

gulp.task('minicss', ['testless'], function

() );

4、gulp.watch(glob [, opts], tasks) or gulp.watch(glob [, opts, cb])

說明:watch方法用於監聽檔案變化,檔案一修改就會執行指定的任務,glob需要處理的原始檔匹配符路徑,tasks:需要執行的任務名稱陣列
5.gulp-uglify

js壓縮外掛程式,有四個可選的屬性,分別為

mangle:是否混淆變數名,預設為true(混淆),全域性變數不會被混淆,之前看到有的**中的require被混淆掉了,導致**錯誤,這個需要注意一下。

output:傳遞你乙個物件去指定輸出的物件,個人理解是定製化壓縮,傳遞乙個引數物件,否則執行預設的引數。

compress:是否完全壓縮,預設為true(全壓);

preservecomments:是否保留備註,預設不保留;

前端基礎知識整理彙總(上)

html頁面的生命週期有以下三個重要事件 每個事件都有特定的用途 1 domcontentloaded dom 載入完畢,所以 js 可以訪問所有 dom 節點,初始化介面。2 load 附加資源已經載入完畢,可以在此事件觸發時獲得影象的大小 如果沒有被在 html css 中指定 3 before...

jQuery基礎知識點(上)

jquery是乙個優秀的 輕量級的js庫 它相容css3,還相容各種瀏覽器 ie js入口函式只能出現一次,出現多次會存在事件覆蓋的問題。jquery的入口函式,可以出現任意多次,並不會存在事件覆蓋問題。區別二 執行時機不同 js入口函式是在所有的檔案資源載入完成後,才執行。這些檔案資源包括 頁面文...

Unity 3D數學基礎知識(上)

unity使用的是笛卡爾左手座標系,x水平方向,y垂直方向,z深度。建立在螢幕上的二維座標系,用來描述畫素在螢幕上的位置。transform元件的 transform.transformpoint方法將座標點從區域性座標系轉換到全域性座標系,transform.inversetransformpoi...