fkm / requirejs-plugin-modernizr

A RequireJS loader to load specific Modernizr modules.

requirejs-plugin-modernizr

A RequireJS loader to load specific Modernizr modules.

This plugin is inspired by and based on lodash-requirejs-loader-plugin.

Dependencies

The method and feature-detect maps are based on Modernizr 3.3.1. The Modernizr files need to be modified for this loader to work! All module dependencies need to be prefixed (relative) which breaks Modernizr's builder.

I have created a fork until I figure out a way to co-exist with the Modernizr builder.

Update: All modules are now prefixed. The builder is still reluctant, but should work 'soon'.

Installation

Add the following entries to your bower.json file.

{
	"dependencies": {
		"requirejs-plugin-modernizr": "*",
		"modernizr": "https://github.com/fkm/Modernizr.git#relative-deps",
    }
}

Configuration

requirejs.config({
	paths: {
		mdzr: 'path/to/bower_components/requirejs-plugin-modernizr/main',
		modernizr: 'path/to/bower_components/modernizr',
	},
});

Usage

require(['mdzr!prefixed,prefixedCSS,dataset,createelementattrs+'], function (Modernizr) {
	console.log(
		Modernizr.prefixed('requestAnimationFrame'),
		Modernizr.prefixedCSS('transition'),
		Modernizr.dataset,
		Modernizr.createelementattrs
	);
});

The plus (+) at the end of a test name will add the corresponding class to the DOM.

Optimization

There is currently no special routine for the RequireJS optimizer.