Контрольный порядок исходных файлов

Я использую Gulp и файлы main-bower для связывания зависимостей байеров.

Мне нужно убедиться, что jQuery включен до AngularJS, но поскольку пакет Angular bower фактически не зависит от jQuery, он включается после.

Есть ли способ переместить jQuery в начало списка источников или переопределить зависимость Angular, чтобы он требовал jQuery?

Я попытался использовать плагин gulp -order, чтобы сделать это, но он испортил первоначальный порядок оставшихся файлов:

gulp.task('bower', function () {

  var sources = gulp.src(mainBowerFiles(['**/*.js', '!**/*.min.js'])); // don't include min files

  return sources
    // force jquery to be first
    .pipe(plugins.order([
      'jquery.js',
      '*'
    ]))
    .pipe(plugins.sourcemaps.init())
      .pipe(plugins.concat('libs.min.js'))
      .pipe(plugins.uglify())
    .pipe(plugins.sourcemaps.write('./'))
    .pipe(gulp.dest(config.output))
    .pipe(plugins.notify({ message: 'Bower task complete' }));
});

Ответ 1

Я не использовал main-bower-files, но один трюк, о котором я могу думать, это просто включить файл jquery напрямую и не загружать его в основной массив файлов bower, например.

var glob = ['/path/to/jquery.js'].concat(mainBowerFiles(['**/*.js', '!/path/to/jquery.js']));
var sources = gulp.src(glob);

Ответ 2

Вы можете переопределить зависимости углов в своем проекте bower.json:

https://github.com/ck86/main-bower-files#overrides-options

{
    ...

    "overrides": {
        "angular": {
            "dependencies": {
                "jquery": "~1.8"
            }
        }
    }
}