I have a backbone project with several js files and a couple of css files, and I'd like to have them minified to a single js and a single css.

I created a stackoverflow question with the details of my setup.

http://stackoverflow.com/questions/16901246/how-to-minify-css-files-with-requirejs

Perhaps anybody around here could give me a hand. I think this should be a pretty common scenario.

I had a look at https://github.com/requirejs/example-multipage/blob/master/tools/build.js but couldn't find the correct way to configure my project

Thanks a lot

How is it possible to use requirejs.optimizer (node.js) to build each page? I am attempting to run the optimizer but it produces nothing. I believe its failing at parse.findConfig because there is no ObjectExpression representing the require config, just an array in the require that depends on the config.

Hi there, I have a problem about the build config file.

part of my build.js

  paths: {
    config: 'pages/config',
    module1: 'modules/module1',
    module2: 'modules/module2'
  },
  modules: [
  {
    name: 'pages/page1',
    include: ['module1', 'module2']
  },
  {
    name: 'pages/page2',
    include: ['module2']
  }
  ]

page1.js

require(['config'], function() {
require(['module1', 'module2'], function(m1, m2) {
})
})

page2.js

require(['config'], function() {
require(['module2'], function(m2) {
})
})

Can r.js find the inner dependencies automatically? So I no need to configure the the 'paths' or the 'include'.

Like this

build.js

  paths: {
    config: 'pages/config'
  },
  modules:
  [
  {
    name: 'pages/page1'
  },
  {
    name: 'pages/page2'
  }
  ]

are you kidding me?this is not a multipage project, it's two project!

Hi, I have a question regarding this example.

Let's say I build a multipage webapp with RequireJS as shown here, and ship it to be installed by a user on his own server.

Now how would I implement the possibility for the said user to add some of his own JS code into only page2, and possibly also to the common shared JS between all pages, but WITHOUT having him touch any of the original app code or JS files or rebuild the bundles ?

Could I imaging requiring an additonal page2-custom.js module that would not originally exist, and thus whould not be included in the bundle, and then once the user creates such a file in a pre-defined folder, it would automagically plug into the flow ?

Or another solution if you have one

Thanks a lot

It'd be nice to see an example if page2.html was served from www/foo/page2.html (with a url path of /foo/page2.html) while page1.html is still served from www/page1.html (with a url path of /page1.html)

What solution if CSS image MD5 according to hash JS? The project is the same as your project.

Basicly with this setup, each HTML page needs TWO javascript files, pageX.js and mainX.js

Wouldn't there be an elegant way to avoid that and only have one JS per page ?

Thanks

I think there is a typo in controller/Base.js, line 12-13:

bodyDom.prepend('<h1>Controller ' + this.id + ' says "' +
                      this.model.getTitle() + '"</h2>');

you may want to change the h1 to h2 or h2 to h1 here.

I would like an example where an initial config is loaded, containing 'aspect-oriented' stuff and maybe some jQuery lovelyness. If there is a constant landing page it could include that too.

Then as a page is dynamically loaded, one can dynamically update the dependencies for modules on that page. As a page is loaded, a function that calls require.config would be expected (pseudo interface) to exist like the 'init' in shims.

This will also allow teams to develop 'pages' without having to modify the shared config when a new page is added or as in my case, a third party to develop all the views whilst I do the data api. We have nothing in common except jQuery which I preload then fake the define to keep it out of the config.