Как объединить все библиотеки JS?

Question

[myskypesla]

Всем привет.

Есть проект и в нём есть библиотеки:
- jQuery
- Slick
- fancybox
- select2
и в конце всего этого main.js

И именно в такой последовательности мне нужно собрать все библиотеки + main.js в один build.js.

В ES6 всё делается с помощью import и webpack. Но в Gulp единственное решение, которое я нашёл, это вручную добавлять в gulpfile.js в js таск библиотеки по порядку. Но это не удобно.

Есть ли альтернатива, похожая на ES6?

Answer 1

[Александр Талалаев]

А в чем проблема локально все собрать вебпаком и уже потом на деплой отправить готовый бандл?
Вебпак как бы для этого и предназначен.

Comments

[myskypesla]

Александр Талалаев Нужен template и на gulp тоже. С webpack проблем нет.

[Demian Smith]

myskypesla, а можете прояснить что такое template?

[myskypesla]

Demian Smith, шаблон для быстрой развёртки и нового проекта. Один шаблон должен быть на ES6 и webpack, другой на ES5 и gulp

Answer 2

[Евгений]

gulp-rigger если есть, то подключаешь файлы к условно lib.js
//= ../plugin/jquery.validate.min.js
и потом объединяешь с чем нужно, жмешь и т.д.

Answer 3

[akavato]

gulp.task('js', ['common-js'], function () {
	return gulp.src([
			'app/libs/jquery/jquery.min.js',
			'app/js/common.min.js',
		])
		.pipe(concat('scripts.min.js'))
		.pipe(uglify())
		.pipe(gulp.dest('app/js'))
		.pipe(browserSync.reload({
			stream: true
		}));
});

В чем проблема добавить в таск все библиотеки по порядку? Неужто заморачиваться созданием конфига для вэбпака проще?

Comments

[myskypesla]

У меня так и реализовано. Думал есть более элегантный способ.