# 增量編譯打包，包括處理整所涉及的所有文件 在做增量編譯打包的時候，有一個比較麻煩的事情，那就是你常常希望操作的是 _所有_ 處理過的文件，而不僅僅是單個的文件。舉個例子，你想要只對更改的文件做代碼 lint 操作，以及一些模塊封裝的操作，然后將他們與其他已經 lint 過的，以及已經進行過模塊封裝的文件合并到一起。如果不用到臨時文件的話，這將會非常困難。 使用 [gulp-cached](https://github.com/wearefractal/gulp-cached) 以及 [gulp-remember](https://github.com/ahaurw01/gulp-remember) 來解決這個問題。 ``` var gulp = require('gulp'); var header = require('gulp-header'); var footer = require('gulp-footer'); var concat = require('gulp-concat'); var jshint = require('gulp-jshint'); var cached = require('gulp-cached'); var remember = require('gulp-remember'); var scriptsGlob = 'src/**/*.js'; gulp.task('scripts', function() { return gulp.src(scriptsGlob) .pipe(cached('scripts')) // 只傳遞更改過的文件 .pipe(jshint()) // 對這些更改過的文件做一些特殊的處理... .pipe(header('(function () {')) // 比如 jshinting ^^^ .pipe(footer('})();')) // 增加一些類似模塊封裝的東西 .pipe(remember('scripts')) // 把所有的文件放回 stream .pipe(concat('app.js')) // 做一些需要所有文件的操作 .pipe(gulp.dest('public/')); }); gulp.task('watch', function () { var watcher = gulp.watch(scriptsGlob, ['scripts']); // 監視與 scripts 任務中同樣的文件 watcher.on('change', function (event) { if (event.type === 'deleted') { // 如果一個文件被刪除了，則將其忘記 delete cached.caches.scripts[event.path]; // gulp-cached 的刪除 api remember.forget('scripts', event.path); // gulp-remember 的刪除 api } }); }); ```