Add recipe for outputting both minified and non-minified scripts

docs/recipes/README.md

@@ -18,3 +18,4 @@
 * [Using external config file](using-external-config-file.md)
 * [Using multiple sources in one task](using-multiple-sources-in-one-task.md)
 * [Browserify + Uglify with sourcemaps](browserify-uglify-sourcemap.md)
+* [Output both a minified and non-minified version](minified-and-non-minified.md)

docs/recipes/minified-and-non-minified.md

@@ -0,0 +1,24 @@
+# Output both a minified and non-minified version
+
+Outputting both a minified and non-minified version of your combined JavaScript files can be achieved by using `gulp-rename` and piping to `dest` twice (once before minifying and once after minifying):
+
+```js
+'use strict';
+
+var gulp = require('gulp');
+var rename = require('gulp-rename');
+var uglify = require('gulp-uglify');
+
+var DEST = 'build/';
+
+gulp.task('default', function() {
+  return gulp.src('foo.js')
+    // This will output the non-minified version
+    .pipe(gulp.dest(DEST))
+    // This will minify and rename to foo.min.js
+    .pipe(uglify())
+    .pipe(rename({ extname: '.min.js' }))
+    .pipe(gulp.dest(DEST));
+});
+
+```