Можно ли выкладывать коды нескольких js библиотек в один js файл и ИСПОЛЬЗОВАТЬ на сайте?

Question

[IOS Dav]

можно ли выкладывать коды нескольких js библиотеки в один js файл и ИСПОЛЬЗОВАТЬ на сайте?
например код jquery и код плагина tiptip.
И вообще эффективно ли это ? Хочу сделать так потому что у меня подключается 5 js файлов. И я хочу чтобы браузер скачал 1 файл вместо 5. Мне кажется что так будет быстрее, я прав?
И еще я собираюсь выкладывать коды просто скопировать/выставить, это тоже нормально?

Answer 1

[Александр Аблизин]

Не можно а нужно, особенно если скриптов много. Гуглите, вот например статейка https://habrahabr.ru/post/29937/

Answer 2

[Владислав Савельев]

Gulp в помощь

Answer 3

[Дмитрий Беляев]

concat.sh

#!/bin/bash
rm $DIST_FILE
touch $DIST_FILE
for f in $(ls $SRC_DIR | grep .js)
    do cat $SRC_DIR/$f >> $DIST_FILE
done
uglifyjs $DIST_FILE -cmo  $DIST_FILE

Запуск:

SRC_DIR=$PWD/src/js DIST_FILE=$PWD/dist/script.js bash ./concat.sh

Для удобства лучше положить это в packaje.json в scripts.concat и запускать как npm run concat

Comments

[Дмитрий Беляев]

Артём Петренков: я давно уже не использую галп, ибо npm позволяет делать более гибкие таски и не тянет миллионы глючных зависимостей на каждый чих, при том что каждая вторая - просто обертка над чем нибудь еще
Вебпак очень хорош для модулей, но в случае топикстартера у него нет модулей и ему нужен конкат скриптов + минификация (что и делает мой скрипт из 6 строчек)

Answer 4

[Антон]

Нужно. По крайней мере, до прихода HTTP2. Желательно использовать загрузчики, например, webpack. Или для вас лучшим вариантом будет использовать gulp. Нагуглите простой конфиг сборки и минификации, и сборка будет одной консольной командой.