Comments on: Combining Modules in Require.js http://lostechies.com/johnteague/2012/12/14/combining-modules-in-require-js/ Mon, 03 Jun 2013 06:05:00 +0000 hourly 1 http://wordpress.org/?v=3.4.2 By: Clark Pan http://lostechies.com/johnteague/2012/12/14/combining-modules-in-require-js/#comment-198 Clark Pan Mon, 17 Dec 2012 06:45:00 +0000 http://lostechies.com/johnteague/?p=139#comment-198 That looks about right. I don't think the optimiser could inline those modules as then you wouldn't be able to reuse them in other parts of the application. Thanks for the tip. That looks about right. I don’t think the optimiser could inline those modules as then you wouldn’t be able to reuse them in other parts of the application.

Thanks for the tip.

]]> By: John Teague http://lostechies.com/johnteague/2012/12/14/combining-modules-in-require-js/#comment-197 John Teague Mon, 17 Dec 2012 06:25:00 +0000 http://lostechies.com/johnteague/?p=139#comment-197 It doesn't inline them, if that's what you mean.  It does combine them in one file however. I ran r.js with this configuration: ({    baseUrl: ".",    paths:{ "jquery": "jquery-1.7.2.min", "underscore": "underscore-min", "jqueryUI": "jqueryui-min", "bootstrap": "bootstrap", "EventEmitter2": "eventemitter2", "kinetic": "kinetic-min", "sylvester": "sylvester" },     name: "commands",     out: "commands-built.js" }) And it included the resize module and the rotate module in the commands-built.js class, along with all of the other required external files. It does however convert the require statements to the array of dependencies.  This is the output for that file. define("commands",["require","ResizeCommand","rotate"], function(e){ return{ resize:e("ResizeCommand"), rotate:e("rotate") } }) This is described in the documentation as a necessary step, since some older browsers do not support the function calls they using during runtime.  Refer to the documentation link in the post to read more about it. It doesn’t inline them, if that’s what you mean.  It does combine them in one file however.

I ran r.js with this configuration:
({    baseUrl: “.”,   
paths:{
“jquery”: “jquery-1.7.2.min”,
“underscore”: “underscore-min”,
“jqueryUI”: “jqueryui-min”,
“bootstrap”: “bootstrap”,
“EventEmitter2″: “eventemitter2″,
“kinetic”: “kinetic-min”,
“sylvester”: “sylvester”
},
    name: “commands”,
    out: “commands-built.js”
})

And it included the resize module and the rotate module in the commands-built.js class, along with all of the other required external files.

It does however convert the require statements to the array of dependencies.  This is the output for that file.

define(“commands”,["require","ResizeCommand","rotate"], function(e){
return{
resize:e(“ResizeCommand”),
rotate:e(“rotate”)
}
})

This is described in the documentation as a necessary step, since some older browsers do not support the function calls they using during runtime.  Refer to the documentation link in the post to read more about it.

]]> By: Clark Pan http://lostechies.com/johnteague/2012/12/14/combining-modules-in-require-js/#comment-196 Clark Pan Sun, 16 Dec 2012 22:25:00 +0000 http://lostechies.com/johnteague/?p=139#comment-196 Do you know well this works with the optimizer? Would it optimize those modules into the Commands module? Do you know well this works with the optimizer? Would it optimize those modules into the Commands module?

]]>