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

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