小编典典

使用 Gulp 按顺序连接脚本

all

比如说,您正在 Backbone
或其他任何东西上构建一个项目,并且您需要按特定顺序加载脚本,例如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无关紧要,它会查看目录中的文件。

那么有人对此有想法吗?

我最好的想法是用 , 重命名供应商脚本,1以给它们正确的顺序,但我不确定我是否喜欢这个。2``3

随着我了解更多,我发现 Browserify 是一个很好的解决方案,起初可能会很痛苦,但它很棒。


阅读 71

收藏
2022-07-13

共1个答案

小编典典

最近在构建我的 AngularJS 应用程序时,我遇到了与 Grunt
类似的问题。这是我发布的一个问题。

我最终做的是在 grunt 配置中按顺序显式列出文件。配置文件将如下所示:

[
  '/path/to/app.js',
  '/path/to/mymodule/mymodule.js',
  '/path/to/mymodule/mymodule/*.js'
]

Grunt 能够找出哪些文件是重复的并且不包含它们。同样的技术也适用于 Gulp。

2022-07-13