Question

我有一个包含多个子文件夹的项目，这些子文件夹包含我要连接的JavaScript文件。什么是配置它们的正确方法？

例如

source：/modules/$modulename/js/*.js（几个文件） dest：/modules/$modulename/js/compiled.js

所以我想要做的是将每个子文件夹的未知/未配置的子文件夹（$ modulename）的js文件编译成一个文件。

这可能吗？

以下功能（按照hereandnow78的说明建立）完成工作：

grunt.registerTask('preparemodulejs', 'iterates over all module directories and compiles modules js files', function() {

    // read all subdirectories from your modules folder
    grunt.file.expand('./modules/*').forEach(function(dir){

        // get the current concat config
        var concat = grunt.config.get('concat') || {};

        // set the config for this modulename-directory
        concat[dir] = {
            src: [dir + '/js/*.js', '!' + dir + '/js/compiled.js'],
            dest: dir + '/js/compiled.js'
        };

        // save the new concat config
        grunt.config.set('concat', concat);

    });

});

之后我将preparemodulejs放在我的默认配置中的concat作业之前。

Answer 1

您可能需要编写自己的任务代码，迭代子文件夹，并动态附加到concat配置。

grunt.registerTask("your-task-name", "your description", function() {

  // read all subdirectories from your modules folder
  grunt.file.expand("./modules/*").forEach(function (dir) {

    // get the current concat config
    var concat = grunt.config.get('concat') || {};

    // set the config for this modulename-directory
    concat[dir] = {
     src: ['/modules/' + dir + '/js/*.js', '!/modules/' + dir + '/js/compiled.js'],
     dest: '/modules/' + dir + '/js/compiled.js'
    };

    // save the new concat configuration
    grunt.config.set('concat', concat);
  });
  // when finished run the concatinations
  grunt.task.run('concat');
});

用以下方式运行：

$ grunt your-task-name

此代码未经测试，但我认为它应该可以完成您的工作。

提示：如果要保持gruntfile较小，可以将此代码放入外部文件并包含在gruntfile中，例如：把它放在tasks-directory中的文件中：

module.exports = function(grunt) {
  grunt.registerTask("your-task-name", "your description", function() {
    ...
  });
};

并加载到你的gruntfile中：

grunt.loadTasks("./tasks");

grunt.js中目标的动态映射

1 个答案: