0

我正在使用 grunt-contrib-concat 将我所有的自定义 JS 文件连接在一起，并用 IIFE 包装它们。我遇到了一些加载顺序问题（即，我的 init 文件在某些​​模块之前执行，导致未定义的错误）。我想init.js在 concat 顺序中指定应该是 LAST，但我也不想为所有其他 JS 文件指定顺序，只是这个特定的文件排在最后。

这是我的 concat 的当前配置：

/**
 * Set project info
 */
project: {
  src: 'src',
  app: 'app',
  assets: '<%= project.app %>/assets',
  css: [
    '<%= project.src %>/scss/style.scss'
  ],
  js: [
    '<%= project.src %>/js/*.js'
  ]
},

concat: {
  dev: {
    files: {
      '<%= project.assets %>/js/scripts.min.js': '<%= project.js %>'
    }
  },
  options: {
    stripBanners: true,
    nonull: true,
    banner: ';(function($, window, document, undefined){ \n "use strict";',
    footer: '}(jQuery, window, document));'
  }
},

如何在不向我的项目添加额外的 grunt 模块的情况下指定要连接的最后一个文件？

4

1 回答 1

1

您可以通过连接所有文件来做到这一点，但 init.js，然后将结果与 连接init.js，使用保持顺序的数组语法：

concat: {
    dev1: {
        dest: '<tmp>/concat1.js',
        src: ['<all your js>', '!init.js']
    },
    devFinal: {
        options: {
            stripBanners: true,
            nonull: true,
            banner: ';(function($, window, document, undefined){ \n "use strict";',
            footer: '}(jQuery, window, document));'
        },
        files: {
            dest: 'scripts.min.js',
            src: ['<tmp>/concat1.js', 'init.js']
        },
    },
}

然后连续调用两个目标：

grunt.registerTask('myConcat', ['concat:dev1', 'concat:devFinal']);
于 2015-07-01T17:37:45.833 回答