Как разделить очень длинный js-файл на несколько штук?
Добрый день.
Выдали на работе задачу - сделать карту для мониторинга сети, используя API Яндекс.Карт.
В итоге - на данный момент в файле уже 1,5к строк кода, что дико затрудняет процесс.
Вижу два выхода:
1. Пользовать какие-нибудь препроцессоры и нужные куски подключать через какой-нибудь include (аля Jade для html или SASS для CSS). Однако на выходе мы все равно будем получать офигенно огромный файл, плюс - если кто-то еще кроме меня будет ковыряться в этих картах, есть вероятность что при случайном удалении какой-либо строки - сломается вся карта вообще. Из чего вытекает второй выход:
2. Изначально разделить весь длинющий код на логичные составляющие, и если кто-то накосячит, то сломается хотя бы что-то одно, а не вся карта. Такая себе модульность в общем.
Исходя из этого, собственно, вопросы:
1. Какие посоветуете юзать препроцессоры/фреймворки/библиотеки/чтонибудьматьегочтобработало дабы подключать нужные куски кода тогда, когда нужно?
2. Как грамотно поделить файл, если весь код вообще пишется в одном огромном ините?
ymaps.ready(init);
function init () {
....
}
Ну и если кто-нибудь захочет выдать совет по поводу логичности происходящего - буду рада, ибо я дурак.
Заранее прошу прощения за глупость вопроса, ибо я работаю с JavaScript третий раз в жизни и без подсказки как-то тяжко.
Спасибо.
webpack, browserify+commonjs, requirejs... первое посложнее, 2 и 3 проще. но в js всё-таки более-менее разбираться надо, чтобы что-то нормальное получилось