fix: making it possible to inject source map files into html (closes #176)

joakimbeng · joakimbeng · commit 7649b381404c · 2016-05-18T09:44:35.000+02:00
diff --git a/src/inject/expected/issue176.html b/src/inject/expected/issue176.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>gulp-inject</title>
+</head>
+<body>
+
+  <!-- inject:js-->
+  <script src="/fixtures/lib.js"></script>
+  <!-- endinject-->
+  <!-- inject:map-->
+  <script src="/fixtures/lib.js.map"></script>
+  <!-- endinject-->
+</body>
+</html>
diff --git a/src/inject/fixtures/issue176.html b/src/inject/fixtures/issue176.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>gulp-inject</title>
+</head>
+<body>
+
+  <!-- inject:js-->
+  <!-- endinject-->
+  <!-- inject:map-->
+  <!-- endinject-->
+</body>
+</html>
diff --git a/src/inject/index.js b/src/inject/index.js
@@ -124,7 +124,6 @@ function getNewContent(target, collection, opt) {
     var startTag = files[0].startTag;
     var endTag = files[0].endTag;
     var tagsToInject = getTagsToInject(files, target, opt);
-
     content = inject(content, {
       startTag: startTag,
       endTag: endTag,
diff --git a/src/inject/inject_test.js b/src/inject/inject_test.js
@@ -585,6 +585,18 @@ describe('gulp-inject', function () {
     streamShouldContain(stream, ['issue107.html'], done);
   });
 
+  it('should be able to inject source maps (Issue #176)', function (done) {
+    var target = src(['issue176.html'], {read: true});
+    var sources = src([
+      'lib.js',
+      'lib.js.map'
+    ]);
+
+    var stream = target.pipe(inject(sources));
+
+    streamShouldContain(stream, ['issue176.html'], done);
+  });
+
   it('should be able to empty tags when there are no files for that tag and empty option is set', function (done) {
     var target = src(['templateWithExistingData2.html'], {read: true});
     var sources = src([
diff --git a/src/transform/index.js b/src/transform/index.js
@@ -53,6 +53,7 @@ transform.html.css = function (filepath) {
 transform.html.js = function (filepath) {
   return '<script src="' + filepath + '"></script>';
 };
+transform.html.map = transform.html.js;
 
 transform.html.jsx = function (filepath) {
   return '<script type="text/jsx" src="' + filepath + '"></script>';
