Javascript Project With Multiple Files

What is the best IDE/editor/anything-else that manage javascript project on multiple files? I mean, is there a way of developing projects on multiple files and then kinda 'build' t

Solution 1:

I don't think there is any all-in-one solution for that (yet). You need to combine several tools:

• IDE: WebStorm, Aptana, or even Notepad++
• Cross-Compiler: Sass, CoffeeScript etc.
• Compressor: Google Closure Compiler, UglifyJS or YUICompressor
• Build tool triggering a build process, managing folder structures etc. Personally, I use loads of Bash scripts, but I've seen people use Maven or Ant
• There are also Frameworks with integrated build tools, supporting dev/production mode, something like qooxdoo, Sencha, ...

If you're on a small to medium-sized project, running the tools manually might be the best solution in terms of cost-benefit ratio, since automation requires quite a bit of work.

Solution 2:

There are a lot of ways to do that. In my case we using nodejs and requirejs with uglify lib. you can read it here

It gives me an ability to deploy minified files with one bash script.

Solution 3:

The best editor for multiple files project is WebStorm from JetBrains !!! You can use online resources for merging the files. http://jscompress.com/ is a good tool for that.

Solution 4:

You can do this really easily in Visual Studio 2012 using Web Essentials

---

Bundles can easily be edited and they output combined and combined minified files every time you save one of the bundled files.