You only need to use “shim” config if the library does not already call define() to declare a module. jQuery does this already, so you can remove that from the shim config. The above code will work as is, but the exports shim config for jQuery will be ignored since jQuery will call define() before … Read more
In my eyes, an Adapter and a Shim would be the same. A Facade on the other hand serves a different purpose. If you expect your client code to need to be able to pull back the curtain, so to speak, and access the underlying library without using your object model, that would be a … Read more
You need to load jquery first before bootstrap. require.config({ paths: { jquery: ‘libs/jquery/jquery’, underscore: ‘libs/underscore/underscore’, backbone: ‘libs/backbone/backbone’, bootstrap: ‘libs/bootstrap’, jquerytablesorter: ‘libs/tablesorter/jquery.tablesorter’, tablesorter: ‘libs/tablesorter/tables’, ajaxupload: ‘libs/ajax-upload’, templates: ‘../templates’ }, shim: { ‘backbone’: { deps: [‘underscore’, ‘jquery’], exports: ‘Backbone’ }, ‘jquery’: { exports: ‘$’ }, ‘bootstrap’: { deps: [‘jquery’], exports: ‘$’ }, ‘jquerytablesorter’: { deps: [‘jquery’], exports: … Read more
A primary use of shim is with libraries that don’t support AMD, but you need to manage their dependencies. For example, in the Backbone and Underscore example above: you know that Backbone requires Underscore, so suppose you wrote your code like this: require([‘underscore’, ‘backbone’] , function( Underscore, Backbone ) { // do something with Backbone … Read more
Simple Explanation via Cartoon An example of a shim: Summary A shim is some code that takes care of what’s asked (by ‘interception’), without anyone being any wiser about it. Example of a Shim An example of a shim would be rbenv (a neat ruby tool). Calls to ruby commands are “shimmed”. i.e. when you … Read more
A polyfill is a browser fallback, made in JavaScript, that allows functionality you expect to work in modern browsers to work in older browsers, e.g., to support canvas (an HTML5 feature) in older browsers. It’s sort of an HTML5 technique, since it is used in conjunction with HTML5, but it’s not part of HTML5, and … Read more
A shim is any piece of code that performs interception of an API call and provides a layer of abstraction. It isn’t necessarily restricted to a web application or HTML5/CSS3. A polyfill is a type of shim that retrofits legacy browsers with modern HTML5/CSS3 features usually using Javascript or Flash. Answering your specific question, call … Read more