Add browserify gulp to get a single js file

quentinfayet · Nov 15, 2015 · f76e42b · f76e42b
1 parent e4d93a6
commit f76e42b
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 7 deletions.
diff --git a/client/gulpfile.js b/client/gulpfile.js
@@ -3,6 +3,8 @@ var ngAnnotate = require('gulp-ng-annotate');
 var uglify = require('gulp-uglify');
 var sass = require('gulp-sass');
 var rename = require('gulp-rename');
+var browserify = require('gulp-browserify');
+var concat = require('gulp-concat');
 
 gulp.task('watch', ['build', 'copy-bower-components'], function () {
     gulp.watch(['static/js/**/*.js',
@@ -26,10 +28,15 @@ gulp.task('style', function () {
 });
 
 gulp.task('build', function () {
-    return gulp.src('static/js/**/*.js')
-          .pipe(ngAnnotate())
-          .pipe(uglify())
-          .pipe(gulp.dest('public/js/'));
+    return gulp.src('static/js/language.js')
+        .pipe(browserify({
+            insertGlobal: true,
+            debug: true
+        }))
+        .pipe(ngAnnotate())
+        .pipe(uglify())
+        .pipe(concat('language.js'))
+        .pipe(gulp.dest('public/js/'));
 });
 
 gulp.task('copy-bower-components', function() {

diff --git a/client/package.json b/client/package.json
@@ -23,6 +23,9 @@
     "gulp-uglify": "^1.4.2"
   },
   "devDependencies": {
+    "browserify": "^12.0.1",
+    "gulp-browserify": "^0.5.1",
+    "gulp-concat": "^2.6.0",
     "gulp-rename": "^1.2.2",
     "gulp-sass": "^2.1.0"
   }

diff --git a/client/public/index.html b/client/public/index.html
@@ -12,9 +12,6 @@
         <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-aria.js"></script>
         <script src="//cdn.jsdelivr.net/angular-material-icons/0.4.0/angular-material-icons.min.js"></script>
         <script src="libs/angular-cookies/angular-cookies.js"></script>
-        <script src="js/authentication/services/authentication.service.js"></script>
-        <script src="js/authentication/controllers/register.controller.js"></script>
-        <script src="js/authentication/authentication.js"></script>
         <script src="js/language.js"></script>
     </head>
    <body layout="row" ng-controller="RegistrationController as registration">

diff --git a/client/static/js/authentication/authentication.js b/client/static/js/authentication/authentication.js
@@ -1 +1,3 @@
+require('./controllers/register.controller');
+
 angular.module('Language.Authentication', ['Language.Authentication.controllers', 'ngMaterial']);
diff --git a/client/static/js/authentication/controllers/register.controller.js b/client/static/js/authentication/controllers/register.controller.js
@@ -1,3 +1,5 @@
+require('../services/authentication.service');
+
 function RegistrationController ($location, $scope, Authentication) {
     var vm = this;
 

diff --git a/client/static/js/language.js b/client/static/js/language.js
@@ -1,3 +1,5 @@
+require('./authentication/authentication');
+
 angular.module('Language', ['Language.Authentication'])
     .config(function($mdThemingProvider) {
     var customBlueMap = 		$mdThemingProvider.extendPalette('light-blue', {