Concatenate requirejs modules with build script

Question

I'm trying to minify and concatenate require modules together into one file.

For example, if I have a file called article.js like the following:

define(["jquery","flexslider","share_div"],function(){});

I want all of those dependencies to be combined and minified into one file.

I have the following in my build script, but it's not combining files together, just minifying.

This is my build.js file:

{
    "appDir": "../js",
    "baseUrl": "../js",
    "dir": "../www-build",
    "mainConfigFile": "../js/common.js",

    "modules": [
        {
            "name": "common"
        },
        {
            "name": "page/article",
            "exclude": ["common"]
        }
    ],
    "paths": {
        "jquery": "empty:",
        "jquery_ui": "empty:",
        "twitter_bootstrap": "empty:"
    }
}

My understanding of Require and the build script may be wrong, but I envisioned that files would be concatenated together.

Any guidance would be appreciated.

Looking at what you show in your question, it seems to me you should get what you are expecting. For further analysis, showing us the contents of the build.txt file that r.js creates would be useful. (It will be located at the root of the output directory.) — Louis

Herman Tran Herman Tran · Accepted Answer · 2013-10-27T23:53:26

To also minify the nested dependencies of the individual modules that are traced as dependencies, specify this additonal property as part of your build file: findNestedDependencies: true. (See line 318-324 of the full RequireJS doc.)

This is if articles.js is a dependency found in common.js and you are tracing through common.js to build a concatenated and minfied file. I am not sure about the lack of concatenation if you are just trying to build the individual module itself.

Concatenate requirejs modules with build script

2 Answers