diff --git a/ng2-components/ng2-activiti-analytics/gulpfile.ts b/ng2-components/ng2-activiti-analytics/gulpfile.ts
index d19d897b6d..57011140d1 100755
--- a/ng2-components/ng2-activiti-analytics/gulpfile.ts
+++ b/ng2-components/ng2-activiti-analytics/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -286,6 +287,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -293,6 +295,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-activiti-analytics/package.json b/ng2-components/ng2-activiti-analytics/package.json
index 2c5fcdaeea..1dfcd46d11 100644
--- a/ng2-components/ng2-activiti-analytics/package.json
+++ b/ng2-components/ng2-activiti-analytics/package.json
@@ -83,6 +83,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-activiti-diagrams/gulpfile.ts b/ng2-components/ng2-activiti-diagrams/gulpfile.ts
index 3fa0d3f1cc..b6a49ebe06 100755
--- a/ng2-components/ng2-activiti-diagrams/gulpfile.ts
+++ b/ng2-components/ng2-activiti-diagrams/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -285,6 +286,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -292,6 +294,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-activiti-diagrams/package.json b/ng2-components/ng2-activiti-diagrams/package.json
index 849a080cef..3eb776ff86 100644
--- a/ng2-components/ng2-activiti-diagrams/package.json
+++ b/ng2-components/ng2-activiti-diagrams/package.json
@@ -76,6 +76,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-activiti-form/gulpfile.ts b/ng2-components/ng2-activiti-form/gulpfile.ts
index a912a280bf..ac6b7cc738 100755
--- a/ng2-components/ng2-activiti-form/gulpfile.ts
+++ b/ng2-components/ng2-activiti-form/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -285,6 +286,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -292,6 +294,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-activiti-form/package.json b/ng2-components/ng2-activiti-form/package.json
index de9a156fe8..61ec94c25a 100644
--- a/ng2-components/ng2-activiti-form/package.json
+++ b/ng2-components/ng2-activiti-form/package.json
@@ -83,6 +83,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-activiti-processlist/gulpfile.ts b/ng2-components/ng2-activiti-processlist/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-activiti-processlist/gulpfile.ts
+++ b/ng2-components/ng2-activiti-processlist/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-activiti-processlist/package.json b/ng2-components/ng2-activiti-processlist/package.json
index 801fc68cfd..c85947ce12 100644
--- a/ng2-components/ng2-activiti-processlist/package.json
+++ b/ng2-components/ng2-activiti-processlist/package.json
@@ -83,6 +83,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-activiti-tasklist/gulpfile.ts b/ng2-components/ng2-activiti-tasklist/gulpfile.ts
index 1d5eccb9b0..8ee0b6db9d 100755
--- a/ng2-components/ng2-activiti-tasklist/gulpfile.ts
+++ b/ng2-components/ng2-activiti-tasklist/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -283,6 +284,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -290,6 +292,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-activiti-tasklist/package.json b/ng2-components/ng2-activiti-tasklist/package.json
index 498f4980c2..41c140563c 100644
--- a/ng2-components/ng2-activiti-tasklist/package.json
+++ b/ng2-components/ng2-activiti-tasklist/package.json
@@ -88,6 +88,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-core/gulpfile.ts b/ng2-components/ng2-alfresco-core/gulpfile.ts
index 05f339785b..2da9864930 100755
--- a/ng2-components/ng2-alfresco-core/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-core/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -283,6 +284,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -290,6 +292,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-core/package.json b/ng2-components/ng2-alfresco-core/package.json
index 178e8db3db..c6e07781db 100644
--- a/ng2-components/ng2-alfresco-core/package.json
+++ b/ng2-components/ng2-alfresco-core/package.json
@@ -94,6 +94,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-datatable/gulpfile.ts b/ng2-components/ng2-alfresco-datatable/gulpfile.ts
index 1637cf0a9d..6c4696d881 100755
--- a/ng2-components/ng2-alfresco-datatable/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-datatable/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-datatable/package.json b/ng2-components/ng2-alfresco-datatable/package.json
index 7119f4f6b9..0a3278900d 100644
--- a/ng2-components/ng2-alfresco-datatable/package.json
+++ b/ng2-components/ng2-alfresco-datatable/package.json
@@ -80,6 +80,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-documentlist/gulpfile.ts b/ng2-components/ng2-alfresco-documentlist/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-documentlist/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-documentlist/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-documentlist/package.json b/ng2-components/ng2-alfresco-documentlist/package.json
index 23a26f56fc..00d8f6c8b3 100644
--- a/ng2-components/ng2-alfresco-documentlist/package.json
+++ b/ng2-components/ng2-alfresco-documentlist/package.json
@@ -89,6 +89,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-login/gulpfile.ts b/ng2-components/ng2-alfresco-login/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-login/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-login/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-login/package.json b/ng2-components/ng2-alfresco-login/package.json
index 2e832958ba..35b70a3ebd 100644
--- a/ng2-components/ng2-alfresco-login/package.json
+++ b/ng2-components/ng2-alfresco-login/package.json
@@ -91,6 +91,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-search/gulpfile.ts b/ng2-components/ng2-alfresco-search/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-search/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-search/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-search/package.json b/ng2-components/ng2-alfresco-search/package.json
index 2f09660525..b88cd4e3ab 100644
--- a/ng2-components/ng2-alfresco-search/package.json
+++ b/ng2-components/ng2-alfresco-search/package.json
@@ -88,6 +88,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-tag/gulpfile.ts b/ng2-components/ng2-alfresco-tag/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-tag/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-tag/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-tag/package.json b/ng2-components/ng2-alfresco-tag/package.json
index e2097ccb4c..21534ee6bf 100644
--- a/ng2-components/ng2-alfresco-tag/package.json
+++ b/ng2-components/ng2-alfresco-tag/package.json
@@ -68,6 +68,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-upload/gulpfile.ts b/ng2-components/ng2-alfresco-upload/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-upload/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-upload/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-upload/package.json b/ng2-components/ng2-alfresco-upload/package.json
index 66e55d7e27..cff1b8dd96 100644
--- a/ng2-components/ng2-alfresco-upload/package.json
+++ b/ng2-components/ng2-alfresco-upload/package.json
@@ -89,6 +89,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-userinfo/gulpfile.ts b/ng2-components/ng2-alfresco-userinfo/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-userinfo/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-userinfo/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-userinfo/package.json b/ng2-components/ng2-alfresco-userinfo/package.json
index c1b0dc22d6..66cab6c5d4 100644
--- a/ng2-components/ng2-alfresco-userinfo/package.json
+++ b/ng2-components/ng2-alfresco-userinfo/package.json
@@ -67,6 +67,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-viewer/gulpfile.ts b/ng2-components/ng2-alfresco-viewer/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-viewer/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-viewer/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-viewer/package.json b/ng2-components/ng2-alfresco-viewer/package.json
index 93a9f0c0a9..1ae86e1956 100644
--- a/ng2-components/ng2-alfresco-viewer/package.json
+++ b/ng2-components/ng2-alfresco-viewer/package.json
@@ -83,6 +83,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",
diff --git a/ng2-components/ng2-alfresco-webscript/gulpfile.ts b/ng2-components/ng2-alfresco-webscript/gulpfile.ts
index 7340a5d68c..8524a10c96 100755
--- a/ng2-components/ng2-alfresco-webscript/gulpfile.ts
+++ b/ng2-components/ng2-alfresco-webscript/gulpfile.ts
@@ -9,6 +9,7 @@ import * as Builder from 'systemjs-builder';
 var autoprefixer = require('autoprefixer');
 import * as cssnano from 'cssnano';
 import * as filter from 'gulp-filter';
+import * as sourcemaps from 'gulp-sourcemaps';
 
 var APP_SRC = `.`;
 var CSS_PROD_BUNDLE = 'main.css';
@@ -282,6 +283,7 @@ gulp.task('build.js.prod', () => {
     let result = gulp.src(src)
         .pipe(plugins.plumber())
         .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
+        .pipe(sourcemaps.init())
         .pipe(tsProject())
         .once('error', function (e: any) {
             this.once('finish', () => process.exit(1));
@@ -289,6 +291,7 @@ gulp.task('build.js.prod', () => {
 
     return result.js
         .pipe(plugins.template())
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('src'))
         .on('error', (e: any) => {
             console.log(e);
diff --git a/ng2-components/ng2-alfresco-webscript/package.json b/ng2-components/ng2-alfresco-webscript/package.json
index 14e61b5975..f6d01dffc9 100644
--- a/ng2-components/ng2-alfresco-webscript/package.json
+++ b/ng2-components/ng2-alfresco-webscript/package.json
@@ -68,6 +68,7 @@
     "gulp-plumber": "^1.1.0",
     "gulp-postcss": "^6.2.0",
     "gulp-replace": "^0.5.4",
+    "gulp-sourcemaps": "^1.9.1",
     "gulp-template": "^4.0.0",
     "gulp-typescript": "^3.1.3",
     "gulp-uglify": "^2.0.0",