gulp-requirejs-cdnbundler

A require-bundler plugin for gulp.

Apart from normal bundling, this plugin also adds a require.config call to the final optimized script in which all paths are re-added that where removed from the build by using "empty:" during optimization.

Thanks to @SteveSanderson for the original gulp-requirejs-bundler and all his other great work!

Usage

First, install gulp-requirejs-cdnbundler as a development dependency:

1npm install --save-dev gulp-requirejs-cdnbundler

Then, add it to your gulpfile.js (example):

1var require-bundler = require("gulp-requirejs-cdnbundler");
2
3gulp.task("requirejs", function() {
4    var requireJsOptimizerConfig, requireJsRuntimeConfig;
5    // get the "normal" config that is used during development. You can also just use some JS object like
6	// {
7	//     paths: {
8	//         foo: "path/to/foo"
9	//     },
10	//     shim: {
11	//         someShimedModule: {
12	//             deps: ["foo"]
13	//         }
14	//     }
15	// }
16    requireJsRuntimeConfig = vm.runInNewContext(fs.readFileSync("src/app/require.config.js") + "; require;");
17
18    // config that extends or overwrites the original config
19    requireJsOptimizerConfig = {
20      out: "scripts.js",
21      baseUrl: "./src",
22      name: "app/startup",
23      paths: {
24        requireLib: "bower_modules/requirejs/require",
25        socketio: "empty:"
26      },
27      include: ["requireLib", "some/component"],
28      insertRequire: ["app/startup"],
29      bundles: {},
30      optimize: "none"
31    };
32
33	// call/return rjs with the two configurations.
34    return rjs(requireJsRuntimeConfig, requireJsOptimizerConfig)
35    .pipe(gulp.dest("./dist/"));
36  });

API

require-bundler(requireJsRuntimeConfig, requireJsOptimizerConfig)

Takes two arguments:

• the requirejs config
• the r.js optimizer config

See requirejs config docs and requirejs optimization docs for possible options.

License

MIT License