Add gulp alternative as a js task runner

cookiecutter.json

@@ -20,7 +20,7 @@
     "use_python2": "n",
     "use_docker": "y",
     "use_heroku": "n",
-    "use_grunt": "n",
+    "js_task_runner": ["Gulp", "Grunt", "None"],
     "use_angular": "n",
     "open_source_license": ["MIT", "BSD", "Not open source"]
 }

hooks/post_gen_project.py

@@ -134,7 +134,25 @@ def remove_grunt_files():
     """
     Removes files needed for grunt if it isn't going to be used
     """
-    for filename in ["Gruntfile.js", "package.json"]:
+    for filename in ["Gruntfile.js"]:
+        os.remove(os.path.join(
+            PROJECT_DIRECTORY, filename
+        ))
+
+def remove_gulp_files():
+    """
+    Removes files needed for grunt if it isn't going to be used
+    """
+    for filename in ["gulpfile.js"]:
+        os.remove(os.path.join(
+            PROJECT_DIRECTORY, filename
+        ))
+
+def remove_packageJSON_file():
+    """
+    Removes files needed for grunt if it isn't going to be used
+    """
+    for filename in ["package.json"]:
         os.remove(os.path.join(
             PROJECT_DIRECTORY, filename
         ))
@@ -176,18 +194,24 @@ if '{{ cookiecutter.use_heroku }}'.lower() != 'y':
 if '{{ cookiecutter.use_docker }}'.lower() != 'y':
     remove_docker_files()
 
-# 6. Removes all grunt files if it isn't going to be used
+# 6. Removes all JS task manager files if it isn't going to be used
-if '{{ cookiecutter.use_grunt }}'.lower() != 'y':
+if '{{ cookiecutter.js_task_runner}}'.lower() == 'gulp':
     remove_grunt_files()
+elif '{{ cookiecutter.js_task_runner}}'.lower() == 'grunt':
+    remove_gulp_files()
+else:
+    remove_gulp_files()
+    remove_grunt_files()
+    remove_packageJSON_file()
 
 
-# 7. Display a warning if use_docker and use_grunt are selected. Grunt isn't supported by our
+# 7. Display a warning if use_docker and js task runner are selected. Grunt isn't supported by our
 # docker config atm.
-if '{{ cookiecutter.use_grunt }}'.lower() == 'y' and '{{ cookiecutter.use_docker }}'.lower() == 'y':
+if '{{ cookiecutter.js_task_runner }}'.lower() in ['grunt', 'gulp'] and '{{ cookiecutter.use_docker }}'.lower() == 'y':
     print(
-        "You selected to use docker and grunt. This is NOT supported out of the box for now. You "
+        "You selected to use docker and a JS task runner. This is NOT supported out of the box for now. You "
         "can continue to use the project like you normally would, but you will need to add a "
-        " grunt service to your docker configuration manually."
+        "js task runner service to your docker configuration manually."
     )
 
 # 7. Display a warning if use_docker and use_mailhog are selected. Mailhog isn't supported by our

{{cookiecutter.project_slug}}/gulpfile.js

@@ -14,6 +14,10 @@ var gulp = require('gulp'),
       del = require('del'),
       plumber = require('gulp-plumber'),
       pixrem = require('gulp-pixrem'),
+      uglify = require('gulp-uglify'),
+      imagemin = require('gulp-imagemin'),
+      exec = require('gulp-exec'),
+      runSequence = require('run-sequence'),
       browserSync = require('browser-sync');
 
 
@@ -38,15 +42,66 @@ var paths = pathsConfig();
 		//Tasks//
 ////////////////////////////////
 
-// Styles
+// Styles autoprefixing and minification
 gulp.task('styles', function() {
-  return gulp.src(paths.sass + '/project.scss', { style: 'expanded' })
+  return gulp.src(paths.sass + '/project.scss')
     .pipe(sass().on('error', sass.logError))
-    .pipe(plumber()) // It checks for errors
+    .pipe(plumber()) // Checks for errors
     .pipe(autoprefixer({browsers: ['last 2 version']})) // Adds vendor prefixes
     .pipe(pixrem())  // add fallbacks for rem units
-    .pipe(gulp.dest('./static/css/'))
+    .pipe(gulp.dest(paths.css))
     .pipe(rename({ suffix: '.min' }))
     .pipe(cssnano()) // Minifies the result
-    .pipe(gulp.dest('./static/css/'));
+    .pipe(gulp.dest(paths.css));
+});
+
+// Javascript minification
+gulp.task('scripts', function() {
+  return gulp.src(paths.js + '/project.js')
+    .pipe(plumber()) // Checks for errors
+    .pipe(uglify()) // Minifies the js
+    .pipe(rename({ suffix: '.min' }))
+    .pipe(gulp.dest(paths.js));
+});
+
+// Image compression
+gulp.task('imgCompression', function(){
+  return gulp.src(paths.images + '/*')
+    .pipe(imagemin()) // Compresses PNG, JPEG, GIF and SVG images
+    .pipe(gulp.dest(paths.images))
+});
+
+// Run django server
+gulp.task('runServer', function() {
+  exec('python manage.py runserver', function (err, stdout, stderr) {
+    console.log(stdout);
+    console.log(stderr);
+  });
+});
+
+// Browser sync server for live reload
+gulp.task('browserSync', function() {
+    browserSync.init(
+      [paths.css + "/*.css", paths.js + "*.js", paths.templates + '*.html'], {
+        proxy:  "localhost:8000"
+    });
+});
+
+// Default task
+gulp.task('default', function() {
+    runSequence(['styles', 'scripts', 'imgCompression'], 'runServer', 'browserSync');
+});
+
+////////////////////////////////
+		//Watch//
+////////////////////////////////
+
+// Watch
+gulp.task('watch', ['default'], function() {
+
+  gulp.watch(paths.sass + '/*.scss', ['styles']);
+  gulp.watch(paths.js + '/*.js', ['scripts']);
+  gulp.watch(paths.images + '/*', ['imgCompression']);
+  gulp.watch('templates/*.html');
+
 });

{{cookiecutter.project_slug}}/package.json

@@ -1,29 +1,36 @@
 {
-  "name": "testing",
+  "name": "{{cookiecutter.project_slug}}",
-  "version": "0.1.0",
+  "version": "{{ cookiecutter.version }}",
   "dependencies": {},
   "devDependencies": {
+    {% if cookiecutter.js_task_runner == 'Grunt' %}
     "autoprefixer-core": "~5.2.1",
-    "browser-sync": "^2.12.10",
     "connect-livereload": "~0.3.2",
     "cssnano": "~2.1.0",
-    "del": "^2.2.0",
     "grunt": "~0.4.5",
     "grunt-bg-shell": "~2.3.1",
     "grunt-contrib-watch": "~0.6.1",
     "grunt-postcss": "~0.5.5",
     "grunt-sass": "~1.0.0",
+    "load-grunt-tasks": "~3.2.0",
+    "pixrem": "~1.3.1",
+    "time-grunt": "~1.2.1"
+    {% elif cookiecutter.js_task_runner == 'Gulp' %}
+    "browser-sync": "^2.12.10",
+    "del": "^2.2.0",
     "gulp": "^3.9.1",
     "gulp-autoprefixer": "^3.1.0",
     "gulp-cssnano": "^2.1.2",
+    "gulp-exec": "^2.1.2",
+    "gulp-imagemin": "^3.0.1",
     "gulp-pixrem": "^1.0.0",
     "gulp-plumber": "^1.1.0",
     "gulp-rename": "^1.2.2",
     "gulp-sass": "^2.3.1",
+    "gulp-uglify": "^1.5.3",
     "gulp-util": "^3.0.7",
-    "load-grunt-tasks": "~3.2.0",
+    "run-sequence": "^1.2.1"
-    "pixrem": "~1.3.1",
+    {% endif %}
-    "time-grunt": "~1.2.1"
   },
   "engines": {
     "node": ">=0.8.0"