Grunt Modernizr tasks

Author: nicomollet

.gitignore

@@ -45,6 +45,7 @@ css/application.min.*.css
 css/styles.min.*.css
 js/production.min.*.js
 js/scripts.min.*.js
+stormbringer-child/*.sass-cache
 stormbringer-child/css/application.min.*.css
 stormbringer-child/js/styles.min.*.js
 stormbringer-child/css/application.min.*.css

Gruntfile.js

@@ -1,9 +1,42 @@
 module.exports = function(grunt) {
 
-  // 1. All configuration goes here
   grunt.initConfig({
     pkg: grunt.file.readJSON('package.json'),
 
+    modernizr: {
+      dist: {
+        crawl: false,
+        devFile: false,
+        uglify: false,
+        dest: 'js/src/modernizr.js',
+        options: [
+          'setClasses',
+          'addTest',
+          'testProp',
+          'fnBind'
+        ],
+        tests : [
+          'cookies',
+          'svg',
+          'touchevents',
+          'cssanimations',
+          'backgroundblendmode',
+          'backgroundcliptext',
+          'bgpositionshorthand',
+          'bgpositionxy',
+          'backgroundsize',
+          'bgsizecover',
+          'borderradius',
+          'boxshadow',
+          'flexbox',
+          'mediaqueries',
+          'csstransforms',
+          'cssvhunit',
+          'cssvwunit'
+        ]
+      }
+    },
+
     // Clean old files
     clean: {
       js: ['js/scripts.min.*.js', '!js/scripts.min.' + grunt.template.today('yyyymm') + '*.js'],
@@ -26,24 +59,19 @@ module.exports = function(grunt) {
       }
     },
 
-    // Combine our javascript files into one
+    // Combine javascript
     concat: {
       dist: {
         src: [
-          'js/src/application.js',   // Custom JS
+          'js/src/modernizr.js',
+          'js/src/common.js',
+          'js/src/application.js',
         ],
         dest: 'js/scripts.js',
       }
     },
 
-    // Minify javascript
-    uglify: {
-      build: {
-        src: 'js/scripts.js',
-        dest: 'js/scripts.min.js'
-      }
-    },
-
+    // Sass compilation
     sass: {
       dist: {
         options: {
@@ -56,6 +84,16 @@ module.exports = function(grunt) {
     },
 
 
+    // Minify javascript
+    uglify: {
+      build: {
+        src: 'js/scripts.js',
+        dest: 'js/scripts.min.js'
+      }
+    },
+
+
+    // Minify CSS
     cssmin: {
       combine: {
         files: {
@@ -64,42 +102,39 @@ module.exports = function(grunt) {
       }
     },
 
+    // Watch
     watch: {
       options: {
         livereload : 35729,
       },
-
       scripts: {
         files: ['js/src/*.js'],
         tasks: ['concat', 'uglify', 'clean', 'assets_versioning'],
         options: {
           spawn: false,
         },
       },
-
       css: {
         files: ['scss/*.scss', 'scss/bootstrap/*.scss', 'scss/helpers/*.scss'],
         tasks: ['sass', 'cssmin', 'clean', 'assets_versioning'],
         options: {
           spawn: false,
         }
       },
-
     }
-
   });
 
-  // 3. Where we tell Grunt we plan to use this plug-in.
   grunt.loadNpmTasks('grunt-contrib-concat');
   grunt.loadNpmTasks('grunt-contrib-uglify');
   grunt.loadNpmTasks('grunt-contrib-sass');
   grunt.loadNpmTasks('grunt-contrib-cssmin');
   grunt.loadNpmTasks('grunt-contrib-watch');
   grunt.loadNpmTasks('grunt-assets-versioning');
   grunt.loadNpmTasks('grunt-contrib-clean');
+  grunt.loadNpmTasks('grunt-modernizr');
 
 
-  // 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
-  grunt.registerTask('default', ['concat', 'uglify', 'sass', 'cssmin', 'watch', 'assets_versioning', 'clean']);
+  // Tasks registration
+  grunt.registerTask('default', ['modernizr', 'concat', 'uglify', 'sass', 'cssmin', 'watch', 'assets_versioning', 'clean']);
 
 };

css/styles.css

@@ -19,7 +19,6 @@
 
 add_theme_support('libraries',
 	array(
-		'modernizr' => '2.8.3',
 		'html5shiv'            => '3.7.3',
 		'respond'              => '1.4.2',
 		'lessjs'               => '2.5.0',

css/styles.min.css

@@ -3,7 +3,7 @@
 
 function stormbringer_js_theme() {
 
-	wp_enqueue_script( 'stormbringer-common', get_template_directory_uri() . '/js/src/common.js', array( 'jquery' ), null, true );
+	//wp_enqueue_script( 'stormbringer-common', get_template_directory_uri() . '/js/src/common.js', array( 'jquery' ), null, true );
 
 	// Preprocessor
 	$preprocessor = get_theme_mod('bootstrap_preprocessor', true);
@@ -49,9 +49,9 @@ function stormbringer_js_libraries_footer() {
 			}
 		}
 
-		if ( @$libraries['modernizr'] && get_theme_mod( 'libraries_modernizr', true ) ) {
+		/*if ( @$libraries['modernizr'] && get_theme_mod( 'libraries_modernizr', true ) ) {
 			wp_enqueue_script( 'modernizr', '//cdnjs.cloudflare.com/ajax/libs/modernizr/' . $libraries['modernizr'] . '/modernizr.min.js', array(), null, true );
-		}
+		}*/
 
 		if(@$libraries['bootstrap'] && get_theme_mod('libraries_bootstrap', true)){
 			wp_enqueue_script( 'bootstrap', '//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/'.$libraries['bootstrap'].'/js/bootstrap.min.js', array(), null, true );