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

А как это всё соединить и что в gulpfile написать? Я не могу с ним разобраться, ничего не выходит.

Вадим, только это судя по всему

gulp.task('build', function () {
    return gulp.src('./css/*.css')
        .pipe(base64())
        .pipe(concat('main.css'))
        .pipe(gulp.dest('./public/css'));
});

а сам css и js через include вставить.

Я имел в виду все файлы из CDN скачать в проект и инлайнить не строчкой script src="...", а непосредственно весь код и абсолютно всё запихнуть в index.html. Чтоб при загрузке страницы браузер скачивал только один файл.

Вадим, ну и конечно

.pipe(pug({
    pretty: '\t',
}))

чтобы вся эта конструкция была в одну строчку.

Вадим, еще раз внимательно посмотри ссылку https://pugjs.org/language/includes.html#including...
как вставить css и js в html файл.

Вадим, а чтобы скачивались нужны просто не cdn источники, например, гугл фонт можно качать через "gulp-google-fonts", нормалайс положить простым импортом в файл по соседсту, не такой он и большой.

Сергей Горячев, все gulp-плагины (аж три нашлось) для скачивания google шрифтов работают не совсем так, как необходимо, либо я не до конца разобрался. Есть ли плагин, превращающий любой URL в Base64 при компиляции? Зачем искать специально какой-то плагин для каждого css и ещё возиться с его конфигурацией, мне нужно чтоб css скачивался из источника во время билда.