angularjs - 如何在 gulp-inject js 文件中添加自定义订单

Question

我在为我的 Angular 项目按特定顺序添加 js 文件时遇到问题。

例如。我有 2 个文件 app.modules.js 和 app.routes.js

当我使用 gulp 时，它首先加载 app.modules.js 。这对我不起作用。我希望首先加载我的 app.routes.js。

我寻找答案却一无所获。请帮忙。

Answer 1

使用gulp-inject我认为你应该执行以下操作:

在 HTML 中定义 2 个注入(inject)部分

<!-- inject-routes:js -->
<!-- endinject -->
<!-- inject-modules:js -->
<!-- endinject -->

并在 gulpfile.js 上执行以下操作:

gulp.src('index.html')
.pipe(inject(gulp.src('app.routes.js', {read: false}), {name: 'inject-routes'}))
.pipe(inject(gulp.src('app.modules.js', {read: false}), {name: 'inject-modules'}))
.pipe(gulp.dest('./dist'));

这会将每个文件放在所需的位置。
当然，您可以使用通配符使其适用于多种组合。