Split javascript in multiple files

Question

So, I'm working on a big project where there is a need for a tone of JS, so I don't want to write everything in one file, just because it gets confusing working on it, and with the time will be even harder to keep track with everything.

So my plan is to split in multiple files and folders like.

js/home/register.js
js/home/login.js

But I want everything compiled in one files, I will like to use something like SASS has @import for styles, or something to take the files and compile automatically in one.

What's the best tool out here that you recommend guys?

possible duplicate of Combine multiple jquery script files into one js file — gdoron
– gdoron, Commented Nov 12, 2012 at 22:50
"Best" questions are generally off-topic for SO, see the FAQ for details. — T.J. Crowder
– T.J. Crowder, Commented Nov 12, 2012 at 22:50
@gdoron: Quite, that would be the technical close-reason term. ;-) — T.J. Crowder
– T.J. Crowder, Commented Nov 12, 2012 at 22:52

T.J. Crowder · Accepted Answer · 2012-11-12 22:48:27Z

3

You can use any of several tools for this, including cat (on *nix systems) or copy (on Windows systems).

It probably makes sense to use a compiling / compressing / minifying / packing tool like the Closure Compiler, YUI Compressor, jsmin, or packer3. But which one you use is really up to you, the needs of your project, etc.

answered Nov 12, 2012 at 22:48

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gdoron Over a year ago

You might want to add an answer to this question

Community · Accepted Answer · 2017-05-23 12:04:35Z

0

Please see this SO question.

On linux you can use simple shell script https://github.com/dfsq/compressJS.sh to combine multiple javascript files into the single one. It makes use of the Closure Compiler online service so the resulting script is also effectively compressed.

The solution is to use whatever tool you like to combine the JS files before you upload them to your webserver. Dev environment != production environment. The only possible problem is that you create functions/variables with the same name, but then again I think there are tools to cope with that while joining them together.

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Nov 12, 2012 at 22:49

MarioDS

13.1k15 gold badges70 silver badges123 bronze badges

Collectives™ on Stack Overflow

Split javascript in multiple files

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related