How are you defining your require.config? I think for it to take effect before you import require.js, you need to code it like this: <script type=”text/javascript”> var require = { baseUrl: “/scripts/”, waitSeconds: 15, urlArgs : “bust=”+new Date().getTime() }; </script> <script data-main=”app/main” src=”https://stackoverflow.com/scripts/require.js”></script> Specifically, a an object named ‘require’ must be constructed before you import … Read more
I have been trying to mix requirejs+Angular for some time now. I published a little project in Github (angular-require-lazy) with my effort so far, since the scope is too large for inline code or fiddles. The project demonstrates the following points: AngularJS modules are lazy loaded. Directives can be lazy loaded too. There is a … Read more
Yes, require.s.contexts._.defined is an object which its keys are the module names and the values include the value returned from that module. require.s.contexts._.defined includes all the modules (either define() or require() such as the Javascript file that is the starting point of the program and is indicated using data-main for RequireJS).
I’ve managed to sort it out with the async plugin. A quick example is: require.config({ paths: { ‘async’: ‘lib/requirejs-plugins/src/async’ } }); define([‘async!http://maps.google.com/maps/api/js?sensor=false’], function() { // Google Maps API and all its dependencies will be loaded here. });
Just to clear up any confusion around exports, it’s assumed that any shim library attaches a property to the global context (window or root), or modifies an already-existing global property (e.g. a jQuery plugin). When requireJS gets the command to load a shimmed dependency, it examines the global context for a property matching the exports … Read more
You can use a combination of @module or @namespace along with @memberof. define([], function() { /** * A test module foo * @version 1.0 * @exports mystuff/foo * @namespace foo */ var foo = { /** * A method in first level, just for test * @memberof foo * @method testFirstLvl */ testFirstLvl: function(msg) {}, … Read more
If shim is not used in your example then the Backbone object you pass in as a parameter would be undefined as Backbone is not AMD compliant and does not return an object for RequireJS to use. define([‘backbone’], function (Backbone) { // No shim? Then Backbone here is undefined as it may // load out … Read more
Using handlebars.js instead of underscore templating is pretty straightforward. Check out this example: https://cdnjs.com/libraries/backbone.js/tutorials/what-is-a-view (scroll to the “Loading a Template” section) SearchView = Backbone.View.extend({ initialize: function(){ this.render(); }, render: function(){ // Compile the template using underscore var template = _.template( $(“#search_template”).html(), {} ); // Load the compiled HTML into the Backbone “el” this.el.html( template ); … Read more
I was also getting the following error even when using the standard embed code that Facebook provides. Uncaught Error: invalid version specified in sdk.js The first thing to check is that you’re including the version number in your FB.init call: FB.init({ appId: ‘your-app-id’, xfbml: true, version: ‘v2.8’ }); The now-outdated fix… …was to make a … Read more
define is not specific to RequireJS, it is part of the AMD specification. Burke will note that RequireJS doesn’t implement exactly how AMD specifies it, since AMD didn’t really keep browsers in mind. define doesn’t have an anonymous function in it. define is a method made available to AMD based JavaScript files for loading their … Read more