Merge pull request #497 from durac/RAD-387

RAD-387 Add sourcemaps for more comfortable frontend development

omod/gulpfile.js

@@ -4,6 +4,7 @@ var uglify = require('gulp-uglify');
 var cleanCSS = require('gulp-clean-css')
 var runSequence = require('run-sequence');
 var rename = require('gulp-rename');
+var sourcemaps = require('gulp-sourcemaps');
 
 var vendorPath = 'target/classes/web/module/resources/vendor';
 
@@ -29,6 +30,32 @@ gulp.task('lib-css-files', function() {
         .pipe(gulp.dest(vendorPath+'/tinymce/skins/lightgray'));
 });
 
+// Copy javascript files to vendor folder, uglify them and create sourcemaps
+gulp.task('lib-js-files-with-sourcemaps', function() {
+    gulp.src(mainBowerFiles('**/*.js'), {
+            base: 'bower_components'
+        })
+        .pipe(sourcemaps.init())
+        .pipe(uglify())
+        .pipe(rename({extname: '.min.js'}))
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(vendorPath));
+});
+
+// Copy css files to vendor folder, minify them and create sourcemaps
+gulp.task('lib-css-files-with-sourcemaps', function() {
+    gulp.src(mainBowerFiles('**/*.css'), {
+            base: 'bower_components'
+        })
+        .pipe(sourcemaps.init())
+        .pipe(cleanCSS())
+        .pipe(rename({extname: '.min.css'}))
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(vendorPath));
+    gulp.src('bower_components/tinymce/skins/lightgray/*.min.css')
+        .pipe(gulp.dest(vendorPath+'/tinymce/skins/lightgray'));
+});
+
 // Copy gif files to vendor folder
 gulp.task('lib-gif-files', function() {
     gulp.src(mainBowerFiles('**/*.gif'), {
@@ -49,3 +76,8 @@ gulp.task('lib-font-files', function() {
 gulp.task('default', function() {
     runSequence('lib-js-files', 'lib-css-files', 'lib-font-files', 'lib-gif-files');
 });
+
+// Development Task
+gulp.task('dev', function() {
+    runSequence('lib-js-files-with-sourcemaps', 'lib-css-files-with-sourcemaps', 'lib-font-files', 'lib-gif-files');
+});

omod/package.json

@@ -11,7 +11,8 @@
     "gulp-uglify": "~2.0.0",
     "gulp-clean-css" : "~2.0.13",
     "run-sequence": "~1.2.2",
-    "gulp-rename": "~1.2.2"
+    "gulp-rename": "~1.2.2",
+    "gulp-sourcemaps": "~2.0.0"
   },
   "scripts": {
     "prebuild": "npm install",

omod/pom.xml

@@ -421,10 +421,27 @@
 						<goals>
 							<goal>gulp</goal>
 						</goals>
+						<configuration>
+							<arguments>${gulp.task}</arguments>
+						</configuration>
 						<phase>generate-resources</phase>
 					</execution>
 				</executions>
 			</plugin>
 		</plugins>
 	</build>
+
+	<profiles>
+		<profile>
+			<id>development</id>
+			<activation>
+				<property>
+					<name>dev</name>
+				</property>
+			</activation>
+			<properties>
+				<gulp.task>dev</gulp.task>
+			</properties>
+		</profile>
+	</profiles>
 </project>