Как лучше настроить js в gulp?

Question

[wakenbyWork]

В общем настраиваю gulp, и столкнулся с непониманием как лучше работать с npm пакетами, нашел такое решение:

const { src, dest } = require('gulp')
const concat = require('gulp-concat')

const files = [
    'node_modules/swiper/swiper-bundle.js',
    'node_modules/animejs/lib/anime.min.js',
    './app/static/scripts/scripts.js'
]

module.exports = function scripts () {
    return src(files)
        .pipe(concat())
        .pipe(dest('dist/js'))
}

Т.е все пакеты вставляются в файл js, норма ли это? Или лучше создать отдельный файл с названием libs?

Answer 1

[Иван Кулаков]

Если либы большие (а свайпер немаленький), то лучше их пулять в отдельный vendors.js чанк).
А еще лучше смотреть в сторону динамических импортов, если в gulp такое есть, конечно)

Comments

[wakenbyWork]

Спасибо за ответ! Тоже склонялся к тому, что лучше создать отдельный js для всех библиотек))

Answer 2

[Froggyweb]

Лучше использовать webpack для js можно и с галпом
https://vivasart.com/lab/ispolzovanie-webpack-sovm...

Comments

[wakenbyWork]

Я отлично знаю webpack, и могу его настроить как только захочу. Проблема в том что с моим кодом нужно будет работать backend разрабам, которые уже в сбилденном js файле после всех обработок вебпака ничего не поймут. Да и webpack создан для single page application, т.е для js приложений, а у меня обычная верстка мультистраничника с отдачей в back

[Froggyweb]

wakenbyWork, Ну странно бэк изменил в билде jjs дальше что? Фронт не может использовать исходники?
проще тогда подключать все отдельно и использовать http2