javascript - 在 gulp-inject 索引任务上对文件进行排序

Question

我正在尝试对我的文件进行排序，因为由于文件的排序，我收到了 Angular 错误。

这是我的 Gulp 文件

var gulp = require('gulp');
var angularFilesort = require('gulp-angular-filesort');
var naturalSort = require('gulp-natural-sort');
var inject = require('gulp-inject'); 

gulp.task('index', function () {
  var target = gulp.src('./public/index.html');
  var sources = gulp.src(
      ['./**/*.js', './**/*.css'],
      {
        read: false,
        cwd: __dirname + "/public/",
      }
    ).pipe(angularFilesort());

  return target.pipe(inject(sources, { addRootSlash: false }))
    .pipe(gulp.dest('./public'));
});

文件是这样排序的

    <!-- inject:js -->
    <script src="app.js"></script>
    <script src="controllers/add.js"></script>
    <script src="controllers/main.js"></script>
    <script src="filters/fromNow.js"></script>
    <script src="services/show.js"></script>
    <script src="vendor/angular-cookies.js"></script>
    <script src="vendor/angular-messages.js"></script>
    <script src="vendor/angular-resource.js"></script>
    <script src="vendor/angular-route.js"></script>
    <script src="vendor/angular-strap.js"></script>
    <script src="vendor/angular-strap.tpl.js"></script>
    <script src="vendor/angular.min.js"></script>
    <script src="vendor/moment.min.js"></script>
    <!-- endinject -->

这里是文件夹

和控制台错误

那么我错过了什么？

Answer 1

删除{read: false}选项。 gulp-angular-sort 需要文件内容才能运行，而 read: false 会阻止读取这些内容。

来自 docs :

NOTE Do not use the read option for gulp.src! This plugin analyzes the contents of each file to determine sort order.