Как вы переносите frontend-зависимости при сборке в Gulp?

Question

[itsjustmypage]

Каким образом вы переносите ваши NPM-зависимости и их составляющие из папки node_modules в гипотетическую папку /vendors при сборке фронтенд проекта? Любые внешние файлы, например, jQuery и Bootstrap, чтобы перенести только необходимое, максимально автоматизировав процесс на будущее.

Answer 1

[Олег]

Использую Bower для фронтенда, но сути не меняет

var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');

var paths = {
    srcLibs = [ 
        'bower/angular/angular.min.js',
        'bower/angular-translate/angular-translate.min.js',
        ...
        ],
    srcApp = [
        'app/app.js',
        'app/auth/AuthFactory.js',
        ...
        ]
}

gulp.task('libsbundle', function() {
    return  gulp.src(paths.srcLibs)
        .pipe(concat('lib.js'))
        .pipe(gulp.dest('build/'))
});

gulp.task('app', function() {
    return gulp.src(paths.srcApp)
        .pipe(concat('app.js'))
        // минимизация для продакшн
        //.pipe(uglify()) 
        .pipe(gulp.dest('build/'))
});

gulp.task('watch', function() {
    gulp.watch(paths.srcApp, ['app']);
});

Comments

[littleguga]

Вообще, когда на github'e в одном из issue заикнулся о копировании в папку проекта зависимостей из node/bower modules - мне очень удивились и сказали зачем я это делаю, ведь есть bundl'еры. Кроме динамической подгрузки модулей и стилей ничего в голову не пришло. Может мы не правы и надо реально бандлить?

[Олег]

littleguga: Я так и делаю - собираю все зависимости и прогоняю через concat. Конкретно копирование в папку проекта использую для html-темплейтов ангуляра, которые мне удобно редактировать в одной директории с js-модулями