separate-bundles.js

/**
 * Module dependencies.
 */

var builder = require('component-builder');
var resolve = require('component-resolver');
var consoler = require('component-consoler');
var log = consoler.log;
var fatal = consoler.fatal;
var Batch = require('batch');
var c8 = require('./component.json');
var bundles = c8.locals;

console.log();
resolve(__dirname, { install: true, verbose: true }, function (err, tree) {
  var pending = bundles.length;

  bundles.forEach(function (name) {
    var bundle = tree.locals[name];
    var batch = new Batch;
    [
      buildStyles,
      buildScripts,
    ].forEach(function (fn) {
      batch.push(function (done) {
        fn(bundle, done);
      });
    });
    batch.end(function (err) {
      if (err) return fatal(err);
      if (!--pending) {
        log('built', bundles.length + ' bundles');
        console.log();
        process.exit(0);
      }
    });
  });
});

function buildStyles(bundle, fn) {
  builder.styles(bundle)
  .use('styles', builder.plugins.css())
  .end(fn);
}

function buildScripts(bundle, fn) {
  builder.scripts(bundle)
  .use('scripts', builder.plugins.js())
  .use('json', builder.plugins.json())
  .end(fn);
}

@stephanmatthieson you may want to try

var tree = yield resolver(path, {
    install: true
  });
  var meta = {
    locals: Object.keys(tree.locals)
  };

To get the locals of the component.json this saves you a second read as resolve does this already :)