如何将Bower提供的javascript添加到Google的Web Starter Kit中

Question

我已经安装了一些Bower软件包，并希望将它们包含在Gulp构建过程中。我已尝试将其添加到gulpfile.babel.js部分的script：

gulp.task('scripts', () =>
    gulp.src([
      // Note: Since we are not using useref in the scripts build pipeline,
      //       you need to explicitly list your scripts here in the right order
      //       to be correctly concatenated
      './bower_components/jquery/dist/jquery.js',
      './bower_components/bootstrap-sass/assets/javascripts/bootstrap.js',
      './app/scripts/main.js'
      // Other scripts
    ])
      .pipe($.newer('.tmp/scripts'))
      .pipe($.sourcemaps.init())
      .pipe($.babel())
      .pipe($.sourcemaps.write())
      .pipe(gulp.dest('.tmp/scripts'))
      .pipe($.concat('main.min.js'))
      .pipe($.uglify({preserveComments: 'some'}))
      // Output files
      .pipe($.size({title: 'scripts'}))
      .pipe($.sourcemaps.write('.'))
      .pipe(gulp.dest('dist/scripts'))
);

但是，这会在/ dist / scripts目录中构建一个单独的缩小main.min.js。

如何将脚本导入构建管道以将其包含在app / scripts / main.js中？

当然，将Bower提供的JS添加到项目中可能很难做到这么简单。我无法在文档中找到关于什么是最佳实践的内容。