release 2.0.0 init

Author: ipluser

README.md

@@ -25,26 +25,36 @@ $ npm install
 ```
 
 ### Development
-Development Environment using gulp-nodemon, gulp-livereload and gulp-jshint.
+Development Environment using gulp-nodemon, [browser-sync](https://www.browsersync.io/) and gulp-jshint.
  1. Make sure <strong>isDevMode</strong> configuration is <strong>true</strong> in <strong>locals.js</strong>
- 2. Install [livereload chrome extension](http://livereload.com/extensions/)
- 3. Start the server with `gulp start-develop`
+ 2. Start development mode with `gulp --development`
+ 3. Input `http://localhost:devPort` with browsers
 
 ### Production
  1. Make sure <strong>isDevMode</strong> configuration is <strong>false</strong> in <strong>locals.js</strong>
- 2. Compile and build with `gulp`
+ 2. Compile and build with `gulp --production`
  3. Start the server with node or pm2 or others
+ 4. Input `http://localhost:port` with browsers
 
 ### Configuration
 System configuration are stored in the <strong>locals.js</strong> file.
 
 ### Samples Page
-Start the server and input `http://localhost:8099/samples` with browsers.
+Start the server and input `URL/samples` with browsers.
+
+## Gulp
+Show task list with `gulp help`.
 
 ## Test
 Test using karma and jasmine, run the test with `npm test` or `karma start`. Unit and coverage test report are stored in report directory.
 
 ## Changelog
+### 2.1.0
+- replace gulp-livereload with browser-sync
+- add gulp-help, gulp-size and others gulp components
+- remove less.js<br>
+10.01.2016
+
 ### 2.0.0
 - adjust directory and code of project
 - add angular samples page

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "angularjs-requirejs-boilerplate",
   "description": "An complete angularjs requirejs boilerplate for node.",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "authors": "Pluser <[email protected]>",
   "main": "app.js",
   "keywords": [
@@ -17,7 +17,6 @@
     "angular": "~1.4.7",
     "bootstrap": "~3.3.5",
     "jquery": "~2.1.4",
-    "less": "~2.5.1",
     "requirejs": "~2.1.20",
     "angular-mocks": "~1.4.7",
     "github-markdown-css": "~2.1.1"

gulp/common/env-util.js

@@ -0,0 +1,13 @@
+var argv = require('yargs').argv;
+
+var env = {};
+
+env.isProduction = function () {
+  return argv.production ? true : false;
+};
+
+env.isDevelopment = function () {
+  return argv.development ? true : false;
+};
+
+module.exports = env;

gulp/desktop/build-scripts.js

@@ -1,13 +1,14 @@
-var gulp = require('gulp'),
+var gulp = require('gulp-help')(require('gulp')),
     gutil = require('gulp-util'),
     concat = require('gulp-concat'),
     uglify = require('gulp-uglify'),
     size = require('gulp-size'),
+    gulpif = require('gulp-if'),
     requirejs = require('requirejs'),
     vp = require('vinyl-paths'),
     del = require('del');
 
-var locals = require('../../node-app/config/locals');
+var envUtil = require('../common/env-util');
 
 var paths = {
   origin: 'public/scripts/desktop',
@@ -23,7 +24,7 @@ gulp.task('desktop-build-libs-no-clean', function () {
     optimize: 'uglify2',
     removeCombined: true
   }, function (files) {
-    if (locals.isDevMode) {
+    if (!envUtil.isProduction()) {
       gutil.log('modules of build libs in desktop', files);
     }
   }, function (err) {
@@ -37,13 +38,9 @@ gulp.task('desktop-build-custom-scripts-no-clean', function () {
     '!' + paths.origin + '/optimize-main.js',
     '!' + paths.origin + '/optimize-require-config.js'
   ]).pipe(concat('apps.min.js').on('error', gutil.log))
-      .pipe(size({
-        title: 'size of custom scripts in desktop'
-      }))
+      .pipe(gulpif(!envUtil.isProduction(), size({title: 'size of custom scripts in desktop'})))
       .pipe(uglify().on('error', gutil.log))
-      .pipe(size({
-        title: 'size of uglify custom scripts in desktop'
-      }))
+      .pipe(gulpif(!envUtil.isProduction(), size({title: 'size of uglify custom scripts in desktop'})))
       .pipe(gulp.dest(paths.compiled));
 });
 

gulp/desktop/build-styles.js

@@ -1,30 +1,31 @@
-var gulp = require('gulp'),
+var gulp = require('gulp-help')(require('gulp')),
     gutil = require('gulp-util'),
     less = require('gulp-less'),
     minifycss = require('gulp-minify-css'),
     size = require('gulp-size'),
+    gulpif = require('gulp-if'),
+    plumber = require('gulp-plumber'),
     vp = require('vinyl-paths'),
     del = require('del');
 
+var envUtil = require('../common/env-util'),
+    browserSync = require('../develop/build-browser-sync');
+
 var paths = {
   origin: 'public/styles/desktop',
   compiled: 'public/compiled/desktop/styles'
 };
 
 gulp.task('desktop-build-styles-no-clean', function () {
   return gulp.src(paths.origin + '/**/*.less')
-      .pipe(size({
-        title: 'size of less in desktop'
-      }))
+      .pipe(plumber())
+      .pipe(gulpif(!envUtil.isProduction(), size({title: 'size of less in desktop'})))
       .pipe(less().on('error', gutil.log))
-      .pipe(size({
-        title: 'size of css in desktop, after less2css'
-      }))
+      .pipe(gulpif(!envUtil.isProduction(), size({title: 'size of css in desktop, after less2css'})))
       .pipe(minifycss().on('error', gutil.log))
-      .pipe(size({
-        title: 'size of css in desktop, after minify css'
-      }))
-      .pipe(gulp.dest(paths.compiled));
+      .pipe(gulpif(!envUtil.isProduction(), size({title: 'size of css in desktop, after minify css'})))
+      .pipe(gulp.dest(paths.compiled))
+      .pipe(gulpif(envUtil.isDevelopment(), browserSync.stream()));
 });
 
 gulp.task('desktop-clean-styles', function () {

gulp/desktop/build.js

@@ -1,4 +1,4 @@
-var gulp = require('gulp');
+var gulp = require('gulp-help')(require('gulp'));
 
 require('./build-scripts.js');
 require('./build-styles.js');

gulp/develop/build-browser-sync.js

@@ -0,0 +1,17 @@
+var browserSync = require("browser-sync");
+
+var envUtil = require('../common/env-util');
+
+if (envUtil.isDevelopment()) {
+  var browserSyncServer = browserSync.create(),
+      locals = require('../../node-app/config/locals');
+
+  browserSyncServer.init({
+    proxy: 'localhost:' + locals.port,
+    port: locals.devPort
+  });
+
+  module.exports = browserSyncServer;
+} else {
+  module.exports = browserSync;
+}

gulp/develop/build.js

@@ -0,0 +1,70 @@
+var gulp = require('gulp-help')(require('gulp')),
+    gutil = require('gulp-util'),
+    nodemon = require('gulp-nodemon'),
+    jshint = require('gulp-jshint'),
+    stylish = require('jshint-stylish'),
+    karmaServer = require('karma').Server;
+
+var envUtil = require('../common/env-util'),
+    browserSync = require('./build-browser-sync');
+
+var resources = {
+  styles: 'public/styles/**/*.less',
+  scripts: 'public/scripts/**/*.js',
+  libs: 'public/libs/**/*.js',
+  jshint: [
+    'public/scripts/**/*.js',
+    'node-app/**/*.js',
+    'middleware/**/*.js',
+    'test/**/*.js'
+  ],
+  views: 'views/**/*.html',
+  images: 'public/images/**/*'
+};
+
+gulp.task('develop-watch', [
+  'develop-watch-node',
+  'build-styles'
+], function () {
+  gulp.watch(resources.styles, ['build-styles']);
+  gulp.watch(resources.scripts, ['browsersync-reload']);
+  gulp.watch(resources.libs, ['browsersync-reload']);
+  gulp.watch(resources.jshint, ['develop-jshint']);
+  gulp.watch(resources.views, ['browsersync-reload']);
+  gulp.watch(resources.images, ['browsersync-reload']);
+});
+
+gulp.task('develop-watch-node', function () {
+  nodemon({
+    scripts: 'app.js',
+    env: {
+      'NODE_ENV': 'development'
+    },
+    ext: 'js',
+    watch: [
+      'middleware',
+      'node-app',
+      'app.js'
+    ]
+  }).on('restart', function (files) {
+    gutil.log('Node server restarted due to: ', files);
+  });
+});
+
+gulp.task('browsersync-reload', function () {
+  if (envUtil.isDevelopment()) {
+    browserSync.reload();
+  }
+});
+
+gulp.task('develop-jshint', function () {
+  return gulp.src(resources.jshint)
+      .pipe(jshint())
+      .pipe(jshint.reporter(stylish));
+});
+
+gulp.task('develop-tests', function () {
+  new karmaServer({
+    configFile: process.cwd() + '/karma.conf.js'
+  }).start();
+});

gulp/gulp-docker.js

@@ -1,8 +1,14 @@
-var gulp = require('gulp');
+var gulp = require('gulp-help')(require('gulp'));
+
+var envUtil = require('./common/env-util');
 
 require('./desktop/build.js');
 require('./mobile/build.js');
 
+if (!envUtil.isProduction()) {
+  require('./develop/build.js');
+}
+
 gulp.task('clean-scripts', function () {
   gulp.start('desktop-clean-scripts', 'mobile-clean-scripts');
 });
@@ -39,6 +45,15 @@ gulp.task('build', function () {
   gulp.start('desktop-build', 'mobile-build');
 });
 
-gulp.task('default', function () {
-  gulp.start('desktop-build', 'mobile-build');
+gulp.task('default', 'compile and build by production mode and it show more information', function () {
+  if (envUtil.isDevelopment()) {
+    gulp.start('develop-watch');
+  } else {
+    gulp.start('desktop-build', 'mobile-build');
+  }
+}, {
+  options: {
+    'production': 'compile and build in production env',
+    'development': 'development mode for developer'
+  }
 });

gulp/mobile/build-scripts.js

@@ -1,13 +1,14 @@
-var gulp = require('gulp'),
+var gulp = require('gulp-help')(require('gulp')),
     gutil = require('gulp-util'),
     concat = require('gulp-concat'),
     uglify = require('gulp-uglify'),
     size = require('gulp-size'),
+    gulpif = require('gulp-if'),
     requirejs = require('requirejs'),
     vp = require('vinyl-paths'),
     del = require('del');
 
-var locals = require('../../node-app/config/locals');
+var envUtil = require('../common/env-util');
 
 var paths = {
   origin: 'public/scripts/mobile',
@@ -23,8 +24,8 @@ gulp.task('mobile-build-libs-no-clean', function () {
     optimize: 'uglify2',
     removeCombined: true
   }, function (data) {
-    if (locals.isDevMode) {
-      gutil.log('modules of build libs in mobile', data);
+    if (!envUtil.isProduction()) {
+      gutil.log('modules of build libs in desktop', files);
     }
   }, function (err) {
     gutil.log('build libs error in mobile', err);
@@ -37,13 +38,9 @@ gulp.task('mobile-build-custom-scripts-no-clean', function () {
     '!' + paths.origin + '/optimize-main.js',
     '!' + paths.origin + '/optimize-require-config.js'
   ]).pipe(concat('apps.min.js').on('error', gutil.log))
-      .pipe(size({
-        title: 'size of custom scripts in mobile'
-      }))
+      .pipe(gulpif(!envUtil.isProduction(), size({title: 'size of custom scripts in mobile'})))
       .pipe(uglify().on('error', gutil.log))
-      .pipe(size({
-        title: 'size of uglify custom scripts in mobile'
-      }))
+      .pipe(gulpif(!envUtil.isProduction(), size({title: 'size of uglify custom scripts in mobile'})))
       .pipe(gulp.dest(paths.compiled));
 });