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

Каким образом вы переносите ваши NPM-зависимости и их составляющие из папки node_modules в гипотетическую папку /vendors при сборке фронтенд проекта? Любые внешние файлы, например, jQuery и Bootstrap, чтобы перенести только необходимое, максимально автоматизировав процесс на будущее.
  • Вопрос задан
  • 574 просмотра
Пригласить эксперта
Ответы на вопрос 1
ptrvch
@ptrvch
вебдев-энтузиаст. Django, AngularJS
Использую 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']);
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы