比如说,您正在 Backbone 或其他任何东西上构建一个项目,并且您需要按特定顺序加载脚本,例如underscore.js需要在backbone.js.
underscore.js
backbone.js
我如何得到它来连接脚本,以便它们按顺序排列?
// JS concat, strip debugging and minify gulp.task('scripts', function() { gulp.src(['./source/js/*.js', './source/js/**/*.js']) .pipe(concat('script.js')) .pipe(stripDebug()) .pipe(uglify()) .pipe(gulp.dest('./build/js/')); });
我在 my 中有正确的脚本顺序source/index.html,但是由于文件是按字母顺序组织的,gulp 将underscore.js在之后连接backbone.js,并且 my 中的脚本顺序source/index.html无关紧要,它会查看目录中的文件。
source/index.html
那么有人对此有想法吗?
我最好的想法是用 , 重命名供应商脚本,1以给它们正确的顺序,但我不确定我是否喜欢这个。2``3
1
2``3
随着我了解更多,我发现 Browserify 是一个很好的解决方案,起初可能会很痛苦,但它很棒。
最近在构建我的 AngularJS 应用程序时,我遇到了与 Grunt 类似的问题。这是我发布的一个问题。
我最终做的是在 grunt 配置中按顺序显式列出文件。配置文件将如下所示:
[ '/path/to/app.js', '/path/to/mymodule/mymodule.js', '/path/to/mymodule/mymodule/*.js' ]
Grunt 能够找出哪些文件是重复的并且不包含它们。同样的技术也适用于 Gulp。