How do I get a simple tree of files to concat using broccoli.js

Question

I am trying to get my head around broccoli.js but am running into an error. If you look in my GitHub repo, you will see that I have a brocfile.js that looks like this: brocfile.js ``` var compileES6 = require('broccoli-es6-concatenator') var pickFiles = require('broccoli-static-compiler'); var mergeTrees = require('broccoli-merge-trees') var app = 'app' app = pickFiles(app,{ srcDir: '/', destDir: 'app-kit' }) var appJS = compileES6(app, { inputFiles: ['/app-kit/**/*.js'], outputFile: '/dist/app.js' }) module.exports = mergeTrees([appJS]); ``` and I am getting this error: ``` Built with error: Error: ENOENT, no such file or directory 'tmp/static_compiler-tmp_dest_dir-JjclDVEm.tmp/undefined' at Object.fs.statSync (fs.js:684:18) at addLegacyFile (/Users/cully/Sites/ember-todo/node_modules/broccoli-es6-concatenator/index.js:130:44) at /Users/cully/Sites/ember-todo/node_modules/broccoli-es6-concatenator/index.js:47:5 at invokeCallback (/Users/cully/Sites/ember-todo/node_modules/broccoli/no…

Accepted Answer

I've been wrestling with Broccoli myself for the last few days. It's new to me as well, but I cloned your repo and got `broccoli serve` to work by doing the following:

1) I created a "loader.js" file at `loader/loader.js`. The loader.js file contains ES6 Module Loader polyfill code to allow ES6 modules to load in non-ES6 browsers. I grabbed the file from the Broccoli sample app: https://github.com/joliss/broccoli-sample-app/blob/master/vendor/loader.js

2) I injected the loader into the app tree and referenced it in the `compileES6` config. (This option was the `undefined` value in your error.)

Here's the updated `brocfile.js` that successfully builds for me.

```
//brocfile.js

var compileES6 = require('broccoli-es6-concatenator');
var pickFiles = require('broccoli-static-compiler');
var mergeTrees = require('broccoli-merge-trees');

var app = 'app';
app = pickFiles(app,{
  srcDir: '/',
  destDir: 'app-kit'
});

// Reference to ES6 loader
var loader = "loader";

// Squash the loader and app trees into one
var sourceTrees = [app, loader];
sourceTrees = new mergeTrees(sourceTrees);

var appJS = compileES6(sourceTrees, {
  loaderFile: 'loader.js', // This required option was undefined before
  inputFiles: ['app-kit/**/*.js'],
  outputFile: '/dist/app.js'
});

module.exports = mergeTrees([appJS]);
```

I hope that helps you get to the next step on your Broccoli adventure.

How do I get a simple tree of files to concat using broccoli.js

Solution

Problem