Combine JavaScript library resolving dependency into one file

Question

all

I have a several js files. It's splitted js library. I need to combine it into single file. The difficulty is the resolving ordering of combining files. Because in Js it's important the order of combining.

Do you know any tool or maybe advice my approach to this.

Thanks.

Are you looking at a pure JS based solution or are you some kind of server side solution? Based on your server side implementation, the approach and tools will vary. What are you using: asp.net? php? something else? — Mrchief
– Mrchief, Commented Jun 24, 2011 at 15:00

i8abug · Accepted Answer · 2011-08-16 17:10:49Z

Pyramid js is a library that handles this situation. It does some important things other javascript dependency managers don't do, mainly

Handles other files (including inserting html for views...yes, you can separate your views during development)
Combines the files for you in javascript when you are ready for release (no need to install external tools)
Has a generic include for all html pages. You only have to update one file when a dependency gets added, removed, renamed, etc

Some sample code to show how it works during development.

File: dependencyLoader.js

//Set up file dependencies
Pyramid.newDependency({
    name: 'standard',
    files: [
    'standardResources/jquery.1.6.1.min.js'
    ]
});

Pyramid.newDependency({
name:'lookAndFeel',
files: [
    'styles.css',
    'customStyles.css'
    ]
});

Pyramid.newDependency({
name:'main',
files: [
    'createNamespace.js',
    'views/buttonView.view', //contains just html code for a jquery.tmpl template
    'models/person.js',
    'init.js'
    ],
    dependencies: ['standard','lookAndFeel']
});

Html Files

<head>
    <script src="standardResources/pyramid-1.0.1.js"></script>
    <script src="dependencyLoader.js"></script>
    <script type="text/javascript">
        Pyramid.load('main');
    </script>
</head>

Note: I'm biased as I just released this tool.

JAAulde · Accepted Answer · 2011-06-24 15:34:26Z

0

In what order are you currently including the various scripts on your pages? That is the order with which you should start.

If you run into dependency errors after that, you can then work through each specific problem. As you work through those problems, you can ask more specific questions here on SO and provide code samples.

answered Jun 24, 2011 at 15:34

JAAulde

19.5k5 gold badges56 silver badges65 bronze badges

Collectives™ on Stack Overflow

Combine JavaScript library resolving dependency into one file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related