3

I've installed some Bower packages, and would like to include them in the Gulp build process. I've tried adding them to gulpfile.babel.js in the script section:

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'))
);

But that builds a seperate minified main.min.js in the /dist/scripts directory.

How can I import a script into the build pipeline to have it included in app/scripts/main.js?

Surely it can't be this difficult to do something as straightforward as adding Bower provided JS to a project. I can't find anything in documentation as to what's best practice.

Constant Meiring
  • 3,285
  • 3
  • 40
  • 52

0 Answers0