javascript - 如何使用 Gulp 或 Javascript 框架绕过 Javascript 文件顺序？

Question

我正在使用 gulp 通过 gulp-concat 和 gulp-uglify 构建单个 javascript 文件。

原始文件

//File 1
var Proj = Proj || {};

//File 2
Proj.Main = (function() { 
    var Method = function(){ /*Code*/ };
    return { "Method":Method };
})();

//File 3
Proj.Page = (function() { 
    var Method = Proj.Main.Method;
    return { "Method":Method };
})();

Gulp 返回一个错误的缩小文件，因为这些文件以错误的顺序连接。我知道我可以在 .src([]) 中指定顺序，但我不想在添加 javascript 文件时维护数组。

有没有一种方法可以创建对这些“ namespace ”的引用，而不必担心文件串联的顺序？或者，有没有一种方法可以让 gulp 自动神奇地处理这些命名空间知识的串联？

编辑:

我知道我可以在 .src([]) 中指定文件顺序。我想开发而不必担心文件顺序，无论是通过 gulp 包还是 javascript 框架。感谢您提供帮助的回复，但我需要一个明确的“不，你不能这样做。”或“是的。这是如何...”将线程标记为已回答。

Answer 1

好吧，一个选择是尝试 gulp-order .

另外，查看 this answer to "gulp concat scripts in order?" .

基本上，它提到了您已经说过的，关于必须按照您希望文件进入的顺序明确命名文件。我知道您不想那样做，但是 gulp 还怎么知道您想要的顺序你的文件在？

但是，值得指出的一件事是，您有一组顺序无关紧要的文件，然后，比如说，顺序确实重要的 2 个文件，您可以这样做像这样:

gulp.src([
    'utils/*.js',
    'utils/some-service.js',
    'utils/something-that-depends-on-some-service'
])

gulp-concat 不重复文件，所以所有不是 some-service.js 或 something-that-depends-on-some-service 的东西.js 将首先连接起来，然后最后两个文件将按正确的顺序连接起来。