jquery - How do I configure library plugins with Require.js? -



jquery - How do I configure library plugins with Require.js? -

i have jquery / require.js / backbone project loads jquery datatables library along several of plugins. configuration below works fine, seems kinda gross.

is there more elegant way load datatables dependent plugins?

it cool if there inverse of "deps" shim property load kid plugins 1 time given library loaded.

also, in config below i'm loading external dependencies app scope because literally used every single backbone view in app , don't want have define/include them in every module.

is stupid load external libraries in app scope rather including them in every view?

i appreciate best practice kind of guidance here. i've read lot of related threads on site , haven't been able find much in way of examples people loading lot of dependencies this.

require.config({ baseurl: 'js/com/mycompany/', paths: { jquery: '/js/lib/jquery', underscore: '/js/lib/underscore/underscore', backbone: '/js/lib/backbone/backbone', text: '/js/lib/require/text', jqueryui: '/js/lib/ui/jquery-ui-1.10.0.custom.min', json: '/js/lib/json/jquery.json-2.3.min', datatables: '/js/lib/datatables/js/jquery.datatables.min', datatablesselectable: '/js/lib/datatables/js/datatables.selectable', datatablestoggle: '/js/lib/datatables/js/jquery.grouptoggle', datatablesresize: '/js/lib/datatables/js/colreorderwithresize', datatablestabletools: '/js/lib/datatables/tabletools/js/tabletools.min', toaster: '/js/lib/toaster/javascript/jquery.toastmessage', cookie: '/js/lib/cookie/jquery.cookie', validation: '/js/lib/validation/jquery.validate', validationadditional: '/js/lib/validation/additional-methods', alerts: '/js/lib/alerts/jquery.alerts', loadmask: '/js/lib/loadmask/jquery.loadmask.min', qtip: '/js/lib/qtip/jquery.qtip.min', dropdown: '/js/lib/dropdown/jquery.dropdown', extensions: '/js/com/mycompany/common/extensions', app: 'app' }, shim: { jquery: { exports: '$' }, underscore: { exports: '_' }, backbone: { deps: ["underscore", "jquery"], exports: "backbone" }, jqueryui: { deps: ["jquery"] }, datatables: { deps: ["jquery"] }, datatablesselectable: { deps: ["datatables"] }, datatablestoggle: { deps: ["datatables"] }, datatablesresize: { deps: ["datatables"] }, datatablestabletools: { deps: ["datatables"] }, toaster: { deps: ["jquery"] }, cookie: { deps: ["jquery"] }, validation: { deps: ["jquery"] }, validationadditional: { deps: ["validation"] }, alerts: { deps: ["jquery"] }, loadmask: { deps: ["jquery"] }, qtip: { deps: ["jquery"] }, dropdown: { deps: ["jquery"] }, json: { deps: ["jquery"] }, extensions: { deps: ["jquery", "datatables"] } } }); require([ 'app', 'extensions', 'backbone', 'jqueryui', 'datatables', 'datatablesselectable', 'datatablestoggle', 'datatablesresize', 'datatablestabletools', 'toaster', 'validation', 'validationadditional', 'alerts', 'loadmask', 'qtip', 'json' ], function( app, extensions, // including these here because used literally // every view in app. seems kinda gross backbone, jqueryui, datatables, datatablesselectable, datatablestoggle, datatablesresize, datatablestabletools, toaster, validation, validationadditional, alerts, loadmask, qtip, json ){ app.initialize(); });

the paths config may little unusual because have base of operations app in root "/" context of webserver (where mutual external javascript libs located). app exists in subcontext (e.g. "/myapp") own local js directory of custom scripting.

thanks input!

since of plugins "plain js" files anyway, why don't concatenate + minify plugins 1 file? phone call "myjqplugins.js" , have 1 entry in paths , 1 entry in shims

or, @ to the lowest degree concat them cohesive groups: validation + validationadditional toaster + qtip + others datatables*** 1 file.

^ 3 paths entries + 3 shims entries.

jquery backbone.js datatables requirejs dependency-management

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more