Name all AMD modules

fredrikekelund · fredrikekelund · commit 2b97e414d851 · 2015-05-02T14:11:20.000+02:00
When the entire bundle (load-image.all.min.js) is loaded, require.js
has no concept of which of the bundled modules is which unless we
explicitly provide names for them. The developer still needs to tell
require.js that this file contains all of the referenced modules
though, so I added a note about that in the README.
diff --git a/README.md b/README.md
@@ -45,6 +45,22 @@ Or alternatively, choose which components you want to include:
 <script src="js/load-image-exif-map.js"></script>
 ```
 
+### AMD
+The different modules support AMD, so you can load them with require.js either individually or from the minified bundle. The modules are named to support loading the bundle, so you need to use the actual module names in your `requirejs.config` (modules are named like their filenames without the file extension, so `load-image-orientation.js` becomes `load-image-orientation`).
+
+If you want to load multiple modules from the minified bundle, use the [bundles options](http://requirejs.org/docs/api.html#config-bundles) in your `requirejs.config` call, like this:
+
+```js
+requirejs.config({
+    paths: {
+        'load-image-all': 'vendor/load-image.all.min'
+    },
+    bundles: {
+        'load-image-all': ['load-image', 'load-image-orientation', 'load-image-ios', 'load-image-meta', 'load-image-exif']
+    }
+});
+```
+
 ## Usage
 
 ### Image loading
diff --git a/js/load-image-exif-map.js b/js/load-image-exif-map.js
@@ -17,8 +17,8 @@
 (function (factory) {
     'use strict';
     if (typeof define === 'function' && define.amd) {
-        // Register as an anonymous AMD module:
-        define(['load-image', 'load-image-exif'], factory);
+        // Register as a named AMD module:
+        define('load-image-exif-map', ['load-image', 'load-image-exif'], factory);
     } else {
         // Browser globals:
         factory(window.loadImage);
diff --git a/js/load-image-exif.js b/js/load-image-exif.js
@@ -15,8 +15,8 @@
 (function (factory) {
     'use strict';
     if (typeof define === 'function' && define.amd) {
-        // Register as an anonymous AMD module:
-        define(['load-image', 'load-image-meta'], factory);
+        // Register as a named AMD module:
+        define('load-image-exif', ['load-image', 'load-image-meta'], factory);
     } else {
         // Browser globals:
         factory(window.loadImage);
diff --git a/js/load-image-ios.js b/js/load-image-ios.js
@@ -18,8 +18,8 @@
 (function (factory) {
     'use strict';
     if (typeof define === 'function' && define.amd) {
-        // Register as an anonymous AMD module:
-        define(['load-image'], factory);
+        // Register as a named AMD module:
+        define('load-image-ios', ['load-image'], factory);
     } else {
         // Browser globals:
         factory(window.loadImage);
diff --git a/js/load-image-meta.js b/js/load-image-meta.js
@@ -19,8 +19,8 @@
 (function (factory) {
     'use strict';
     if (typeof define === 'function' && define.amd) {
-        // Register as an anonymous AMD module:
-        define(['load-image'], factory);
+        // Register as a named AMD module:
+        define('load-image-meta', ['load-image'], factory);
     } else {
         // Browser globals:
         factory(window.loadImage);
diff --git a/js/load-image-orientation.js b/js/load-image-orientation.js
@@ -14,8 +14,8 @@
 (function (factory) {
     'use strict';
     if (typeof define === 'function' && define.amd) {
-        // Register as an anonymous AMD module:
-        define(['load-image'], factory);
+        // Register as a named AMD module:
+        define('load-image-orientation', ['load-image'], factory);
     } else {
         // Browser globals:
         factory(window.loadImage);
diff --git a/js/load-image.all.min.js b/js/load-image.all.min.js
diff --git a/js/load-image.js b/js/load-image.js
@@ -292,7 +292,7 @@
     };
 
     if (typeof define === 'function' && define.amd) {
-        define(function () {
+        define('load-image', function () {
             return loadImage;
         });
     } else {
