Require.js Compatibility

[bitmage]

I'm having trouble getting Require.js to recognize the files loaded by the coffee-script preprocessor. Require.js implicitly adds a '.js' extension to all the referenced locations. It can't find the files loaded by the CS preprocessor because they are loaded into the browser with the '.coffee' extension.

The file contents are being compiled to js... is there any way we can change the extension to match so that everything will act consistently?

[bitmage]

Currently I have two workarounds for this:

1. precompiling all my assets to js, and having karma reference those. This has the disadvantage of slowing down the feedback loop a lot, as I have to run the build script every time, and the karma watcher doesn't work properly with regenerated files, so I end up restarting karma and the browsers as well.
2. Using an absolute reference to each file. E.G. /base/app/client/js/models/cart.coffee. This lets me use the autowatcher, but isn't a maintainable solution. Any time there are sub-dependencies defined in the application code this approach will break.

Neither one of these are particularly good. I think we'd avoid the whole issue by having the filenames converted to '.js'.

Feedback/suggestions welcome!

[waynegerard]

I'm confused, I'm pretty sure that's exactly what the preprocessor is doing by default:

// index.js, lines 13-15: 
 var transformPath = args.transformPath || config.transformPath || function(filepath) {
    return filepath.replace(/\.coffee$/, '.js');
  };

All my files get loaded into the browser using a js extension - how are you getting them to load with a .coffee extension?