Requirejs Optimizer not compiling

Question

I have been using requirejs and am having trouble getting the optimization tool to work. All I want to do is optimize my javascript files into one script file with all my dependencies included.

All my file are in the one js/ folder and I have a sub folder vendors/

I have a config file which looks like this(config.js):

requirejs.config({

baseUrl: ".",
out: "main-built.js",
deps: ["main"],

paths: {
jquery: "vendor/jquery", // v.1.10.2
bootstrap: "vendor/bootstrap",
ajaxform: "vendor/ajaxform",
skrollr: "vendor/skrollr",
jqueryform:"vendor/jqueryform"
},

shim: {
bootstrap: {
  deps: ["jquery"],
  exports: "bootstrap",
},

   ajaxform: {
  deps: ["jquery"],
  exports: "ajaxform",
},
        jqueryform: {
  deps: ["jquery"],
  exports: "jqueryform",
}

}
});

And I have an main javascript file (main.js) which looks like this:

if (typeof jQuery === 'function') {
define('jquery', function () { return jQuery; });
}


define(["jquery","bootstrap", "ajaxform","skrollr"], 
function($, bootstrap,  ajaxform, skrollr) {

//have other code here 

});

I also created a build file:

({
baseUrl: ".",
paths: {
jquery: "vendor/jquery", // v.1.10.2
bootstrap: "vendor/bootstrap",
ajaxform: "vendor/ajaxform",
skrollr: "vendor/skrollr",
jqueryform:"vendor/jqueryform"
},
shim: {
bootstrap: {
  deps: ["jquery"],
  exports: "bootstrap",
},

   ajaxform: {
  deps: ["jquery"],
  exports: "ajaxform",
},
        jqueryform: {
  deps: ["jquery"],
  exports: "jqueryform",
}

},
name: "main",
out: "main-built.js"
})

All the build file does is compress the main.js file itself and doesn't include all needed files.

I've been trying to get this working on and off for weeks and can't seem to get it right so any help would be REALLY appreciated. Thanks

Answer 1

Try adding a modules entry to your build file with your main module, as in:

modules: [
    { name: 'main' }
]

You can see all the options for the build file here: https://github.com/requirejs/r.js/blob/master/build/example.build.js