Соединить список ссылок CDN с файлом (gulp)

Question

У меня есть список CDN (или удаленных) скриптов (с полным URL). Я хочу преобразовать это в объединенный файл (all.js). Могу ли я сделать это с глотком? Другими словами, это правильный инструмент?

// Does not work (no error, but no file generated) 
var gulp = require('gulp'); 
var concat = require('gulp-concat'); 

gulp.task('scripts', function() { 
    return gulp.src(['https://code.jquery.com/jquery-2.1.4.min.js']) 
    .pipe(concat('all.js')) 
    .pipe(gulp.dest('./dist/')); 
}); 

Я новичок глотка, я не нашел ответ после некоторого поиска, может быть, я не знаю, как искать или я не понял глоток цели.

Answer 1

Я не могу дать вам полный ответ, потому что я не сделал ничего подобного, но что бы я сделал, сначала загрузите (с запросом GET), сохраните его во временной папке, а затем получите все файл загружается с помощью gulp и объединяет их в один файл, и если это просто Javascript, угадайте его.

Но дело в том, что вы должны сначала загрузить его.

PD: Вы можете использовать fs.unlink для удаления временных файлов. PD2: вы можете скачать его сначала с помощью Gulp, Gulp - Node afterall;)

Удачи!

Answer 2

Этот ответ взят отсюда: http://fettblog.eu/gulp-merge-cdn-files-into-your-pipeline/

var gulp = require('gulp'); 
var source = require('vinyl-source-stream'); 
var request = require('request'); 
var merge = require('merge2'); 
var concat = require('gulp-concat'); 
var buffer = require('gulp-buffer'); 

gulp.task('js', function() { 

    var jquery = request('http://code.jquery.com/jquery-latest.js') /* 1 */ 
    .pipe(source('jquery.js'));         /* 2 */ 
    var main = gulp.src('main.js');         /* 3 */ 

    return merge(jquery, main)          /* 4 */ 
    .pipe(buffer())            /* 5 */ 
    .pipe(concat('concat.js')) 
    .pipe(gulp.dest('dist')); 
}) 

1) Мы просим последнюю версию JQuery с JQuery CDN. Пакет запросов позволяет передавать потоки. То, что мы получаем взамен, является читаемым потоком.

2) Мы создаем действительный объект винилового файла с виниловым источником-потоком. Это делает его совместимым с Глоток

3) Наш основной файл выбирается из файловой системы, как обычно

4) Пакет merge2 позволяет объединить оба потока

5) Содержание обоих потоков являются преобразуется в текстовые буферы, так что gulp-concat может их обрабатывать.