трудности с внедрением браузера

Question

У меня есть два файла .js в той же папке.

app.js:

import {foo} from 'custom'; 
foo(); 

custom.js

function foo(){ 
    $('.nav.navbar-nav > li').on('click', function(e) { 
    $('.nav.navbar-nav > li').removeClass('active'); 
    $(this).addClass('active'); 
    }); 
} 

И я пытаюсь связать их в gulpfile.js при использовании столпотворение в одной и той же задачи.

gulp.task('app-scripts', function() { 
    return gulp.src('src/js/app.js') 
    .pipe(babel({ 
     presets: ["es2015"] 
    })) 
    .pipe(uglify()) 
    .pipe(gulp.dest('build/js')); 
}); 

Может кто-то помочь мне реализацию browserify в этой задаче? Я readen документации, но не знает, как применить его, когда мне это нужно в этой конкретной форме.

Пытался это Aswell но техника его подводит работали:

const gulp   = require('gulp'); 
    const babelify  = require('babelify'); 
    const browserify  = require('browserify'); 
    const source   = require('vinyl-source-stream'); 
    const buffer   = require('vinyl-buffer'); 
    const sourcemaps  = require('gulp-sourcemaps'); 

    var config = { 
    src:  './src/js/app.js', // тут исходник 
    out:  './build/js/app.js', // тут выходной файл 
    srcmaps: '/build/maps' // sourcemap'ы сохраняться будут сюда же 

    } 

    gulp.task('app-scripts', function() { 
    const bundler = browserify(config.src, {debug: true}) 
    .transform('babelify', {presets: ['es2015']}) 

return bundler.bundle() 
    .pipe(source(config.out)) 
    .pipe(buffer()) 
    .pipe(sourcemaps.init()) 
    .pipe(sourcemaps.write(config.srcmaps, {addComment: false})) 
    .pipe(gulp.dest('./build/js')); 
    }); 

Answer 1

по какой-то причине метод, перечисленной выше, что из документации не работал, , но этот метод работал отлично, это как хорошо из документации:

gulp.task('app-scripts', function() { 
const bundler = browserify('./src/js/app.js', {debug: true}) 
    .transform(babelify.configure({presets: ["es2015"]})); 

return bundler.bundle() 
    .pipe(source('app.min.js')) 
    .pipe(buffer()) 
    .pipe(uglify()) 
    .pipe(sourcemaps.init()) 
    .pipe(sourcemaps.write('./', {addComment: false})) 
    .pipe(gulp.dest('./build/js')); 
});