如何在 gulp-inject js 文件中添加自定义顺序

【问题标题】：How to add a custom order in gulp-inject js files如何在 gulp-inject js 文件中添加自定义顺序
【发布时间】：2016-07-04 07:07:45
【问题描述】：

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

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

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

我搜索了一个答案，结果一无所获。请帮忙。

【问题讨论】：

gulp-inject 有 a section in documentation 描述如何使用 angular。
@AdrianFaciu 我已经看到了。但它只会订购核心角度文件吗？

标签： angularjs gulp gulp-inject

【解决方案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'));

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

【讨论】：