桌面Javascript继承编译器？

Question

Wondering if anyone if there is a desktop JS compiler out there that does for JS what the desktop Less application does for CSS. Ideally you would be able to "import" a script at the top of the document and write extended code for it. Upon saving this compiler would combine the two files into a single source file to a new output file. An example:

File foo.js:

 var Foo = function() {};
 Foo.prototype.doSomething = function(){alert('doing stuff...');};

File foo_plus.js:

 @import 'foo.js';
 Foo.prototype.doSomethingElse = function(){alert('doing other stuff...');};

Now upon saving, the compiler is replacing the statement " @import 'foo.js'; " with

var Foo = function() {};
Foo.prototype.doSomething = function(){alert('doing stuff...');};

then adding:

Foo.prototype.doSomethingElse = function(){alert('doing other stuff...');};

and saving this to a chosen location and name.

Ideally, this would be a desktop compiler like the Less application that listens to changes on the file and compiles accordingly.

Answer 1

I think it makes sense for you to consider one of C preprocessors. So your import will look like as

#include "someotherfile.js"

See: Is there a standalone C++ source preprocessor?

Another option would be HTML preprocesor kind of thing. See for example: http://htp.sourceforge.net/ and others: http://htmlhelp.com/links/preprocessors.html

Answer 2

http://code.google.com/p/minify/ will do this, as well as “compress” the resulting script.

You'd want to keep a separate working-copy; think of it as a compiler: the output that it produces is harder to debug and somewhat “mangled” at times.

You can either run this on the server, or run it once and only upload the minified versions.