如何设置要与gulp bundle资产连接的文件的正确顺序

我使用打包资产来处理静态资源。我的bundle.config.js中有下一个配置：

module.exports = {
bundle: {
    ...
    vendor: {
        scripts: [
            './bower_components/angular/angular.js',
            './bower_components/angular-aria/angular-aria.js',
            './bower_components/angular-material/angular-material.js',
            './bower_components/angular-translate/angular-translate.js',
            './bower_components/angular-animate/angular-animate.js'
        ]
        options: {
            uglify: false,
            order: {
                scripts: [
                    'angular.js',
                    '*.js'
                ]
            }
        }
    }
},
...
};

因此，要连接的第一个脚本必须是angular.js，但“options.order”无法正常工作-最终脚本中的第一个连接文件是angular-animate.js。因此，我的问题是如何实现正确的顺序？

我是本书的作者。问题在于glob语法。在封面下，gulp bundle资产使用，而它本身使用。每个文档都给出了很多示例，但对于您的特定用例，此minimatch示例显示了您的问题：

var minimatch = require("minimatch")
minimatch("./bower_components/angular/angular.js", "angular.js") // false
minimatch("./bower_components/angular/angular.js", "./**/angular.js") // true

options: {
  order: {
    scripts: [
      './**/angular.js',
      './**/*.js'
    ]
  }
}

不幸的是，开头的

/

抛出了minimatch。以下内容可以解决您的问题：

var minimatch = require("minimatch")
minimatch("./bower_components/angular/angular.js", "angular.js") // false
minimatch("./bower_components/angular/angular.js", "./**/angular.js") // true

options: {
  order: {
    scripts: [
      './**/angular.js',
      './**/*.js'
    ]
  }
}

希望能有所帮助。

我是这本书的作者。问题在于glob语法。在封面下，gulp bundle资产使用，而它本身使用。每个文档都给出了很多示例，但对于您的特定用例，此minimatch示例显示了您的问题：

var minimatch = require("minimatch")
minimatch("./bower_components/angular/angular.js", "angular.js") // false
minimatch("./bower_components/angular/angular.js", "./**/angular.js") // true

options: {
  order: {
    scripts: [
      './**/angular.js',
      './**/*.js'
    ]
  }
}

不幸的是，开头的

/

抛出了minimatch。以下内容可以解决您的问题：

var minimatch = require("minimatch")
minimatch("./bower_components/angular/angular.js", "angular.js") // false
minimatch("./bower_components/angular/angular.js", "./**/angular.js") // true

options: {
  order: {
    scripts: [
      './**/angular.js',
      './**/*.js'
    ]
  }
}

---

希望有帮助。

使用gulp wiredep获得正确的依赖顺序。。顺便说一句，从您指定的配置来看，您似乎在使用grunt而不是gulpuse-gulp-wiredep来获得正确的依赖顺序。。顺便说一句，从您指定的配置来看，您似乎在使用咕噜而不是咕噜