В каком порядке осуществлять подключение нескольких JS-библиотек?

Question

[Григорий Дудников]

Добрый день!
Во многих проектах требуется использование N-ного количества библиотек javascript. Многие из них бывают зависимы между собой, особенно если это библиотеки фреймворков. Часто возникает проблема в том, что на успешность открытия страницы влияет порядок загрузки библиотек, указанных в коде. Со стороны похоже на магию, но лечится перебором порядка библиотек в начале страницы.

Большая беда возникает тогда, когда приходится поддерживать чужой код с десятком библиотек, и нет информации о зависимостях в них.
Нет ли какого-нибудь единого руководства по порядку подключения библиотек?

Answer 1

[buzzi888]

Если для своих проектов, то переходите на лучшее - освойте RequireJS и т.п, по крайней мере это решит проблему зависимостей.

Всего одна строчка в html загрузит все приложение, зависимости подгрузятся в нужном порядке.

<script data-main="scripts/main.js" src="scripts/require.js"></script>

С чужим кодом - следить за порядком загрузки и зависимостями придется вручную или переписать на RequireJS.

Подключение JQuery

requirejs.config({
    "paths": {
      "jquery": "//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min"
    }
});

Использование

define(["jquery"], function($) {
    $(function() {
    });
});

Comments

[Григорий Дудников]

А почему "если для своих проектов"?

[buzzi888]

имелось ввиду, если начинать проект с нуля, то лучше сразу подумать про модульность, разрешение зависимостей - всё это решает requirejs

[Григорий Дудников]

Спасибо за подробное объяснение!

Answer 2

[Юрий Лобанов]

Чаще всего, если это чужой код, помогает не менять порядок, который использовался в чужом коде )

Comments

[Григорий Дудников]

Иногда руки чешутся навести порядок во всём :)

[Юрий Лобанов]

@1win1 да, бывает ) Потом в 3 ночи очухаешься, что уже целый день потратил на то, чтобы переставить несколько строчек местами и понимаешь, что лучшим выходом было бы оставить все как есть. В конце-концов попросили тебя только добавить несколько пунктов в меню :)

Answer 3

[gro]

нет

Answer 4

[rsludge]

Попробуйте RequireJS или другую похожую библиотеку.