專案中因為引入了lazyload做懶載入，就需要配置一些常量來放置資源的路徑（如下圖），之前都是手填的，易錯且麻煩，既然專案中引入了gulp就要利用起來。
通過gulp-inject可以篩選出專案路徑，並且以陣列的形式插入到目標位置，在用gulp-edit來編輯這個陣列，就能以key-value的形式插入到常量配置中。
var gulp = require('gulp');
var inject = require('gulp-inject');
var edit = require('gulp-edit');
gulp.task('injectintojs',function
()),
})).pipe(gulp.dest('./'));
});gulp.task('edit',['injectintojs'], function
() ;
arr.foreach(function
(value,index,array)
obj[key].push(value);
})var str='';
for(key in obj)
src=front+"\n"+str+"\n"+back;
console.log(src)
var err = null
cb(err, src)
})).pipe(gulp.dest('./'))
})gulp.task('default', ['edit']);
gulp-edit
gulp管理靜態資源快取
前端專案在版本迭代的時候，難免會遇到靜態快取的問題，明明開發的是ok的,但是一部署到伺服器上，發現頁面變得亂七八糟，這是由於靜態快取引起的。從上面這張可以看出，瀏覽器載入css,js等資源時，size一欄是from cache,也就是直接使用了本地的資源，而沒有向伺服器請求。這樣做的好處是提公升頁面...
gulp不生成打包檔案 gulp打包詳解
gulp的作用 刪除檔案中冗餘的內容，壓縮檔案，減小檔案體積 實際專案中執行的都是壓縮完成以後的檔案 減小載入響應時間 gulp打包壓縮物件 html，css，js，sass，webserver 音訊，外掛程式等正常情況下都是打包完成的，直接移動到dist檔案中就可以 伺服器食慾gulp一起繫結執行...
gulp不生成打包檔案 gulp打包詳解
gulp的作用 刪除檔案中冗餘的內容，壓縮檔案，減小檔案體積 實際專案中執行的都是壓縮完成以後的檔案 減小載入響應時間 gulp打包壓縮物件 html，css，js，sass，webserver 音訊，外掛程式等正常情況下都是打包完成的，直接移動到dist檔案中就可以 伺服器食慾gulp一起繫結執行...