Как собирать библиотеки во фронтэнде?

Question

[CarelessBanana]

Допустим я собираю проект в котором есть какие-нибудь библиотеки, к примеру карусель slick и normalize.css. Как правильно собрать это в dist, просто скопировать папки с библиотеками, и потом добавять в шапку html такую кашу:

<link rel="stylesheet" href="Libs/normalize-css/normalize.css"/>
	<link rel="stylesheet" href="Libs/slick-carousel/slick/slick-theme.css"/>
	<link rel="stylesheet" href="Libs/slick-carousel/slick/slick.css">
	<link rel="stylesheet" href="css/style.css"/> <!-- Мои стили -->

Или же лучше конкатенировать все в один файл и подключать только его?

Comments

[Hyubert]

второй вариант, лучше автоматизируйте все gulp-оп

Answer 1

[sergey]

Учимся пользоваться Gulp, ну и в итоге собираем все одним css-файлом и одним js-файлом с помощью плагинов конкатенации gulp-concat

var concat = require('gulp-concat');
 
gulp.task('scripts', function() {
  return gulp.src('./lib/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});

Answer 2

[Сергей Сунцев]

Вам может подойти данная вещь : Grunt

Comments

[Сергей Сунцев]

frontender.info/grunt-is-not-weird-and-hard