diff --git a/gulpfile.js b/gulpfile.js
index 66b6d93..28f1a31 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -11,6 +11,7 @@ var tap = require('gulp-tap');
 var path = require('path');
 var cached = require('gulp-cached');
 var remember = require('gulp-remember');
+var inject = require('gulp-inject');
 
 var paths = {
   // see overrides in bower.json
@@ -105,4 +106,12 @@ gulp.task('debug', function() {
   //return gulp.src(mainBowerFiles({debugging: true}));
 });
 
+gulp.task('inject', function () {
+  var target = gulp.src('index.html');
+  var sources =  gulp.src(paths.scripts, { base: '.', read: false });
+
+  return target.pipe(inject(sources, { relative: true }))
+    .pipe(gulp.dest('.'));
+});
+
 gulp.task('default', ['clean', 'scripts', 'styles', 'images', 'fonts']);
diff --git a/index.html b/index.html
index 8ad94eb..62cc100 100644
--- a/index.html
+++ b/index.html
@@ -70,6 +70,11 @@
     </script>
 
     <script src="config.js"></script>
+
+    <!-- "gulp inject" for debugging -->
+    <!-- inject:js -->
     <script src="dist/brouter-web.js"></script>
-</body>
+    <!-- endinject -->
+
+  </body>
 </html>
diff --git a/package.json b/package.json
index 2eebb62..58221f5 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "gulp-concat": "^2.5.2",
     "gulp-concat-css": "^2.1.2",
     "gulp-debug": "^2.0.1",
+    "gulp-inject": "^1.2.0",
     "gulp-minify-css": "^1.0.0",
     "gulp-remember": "^0.3.0",
     "gulp-rename": "^1.2.0",