javascript - dev 和 prod 之间的 Grunt 切换任务

Question

我有一个 grunt 文件，我正在尝试查看是否可以拆分，以便我可以调用类似 grunt build:dev 或 grunt build:prod 的东西。

现在任务看起来像这样 -

grunt.registerTask('build', "Building all needed files.", [
    'clean:build',
    'check-code',
    'clean:dist',
    'dist:prepare',
    'copy',
    'cssmin',
    'injector',
    'webpack:prod',
    'create-status-page'
]);

我想知道是否有一种方法可以像使用 dev 和 prod 键的配置那样拆分此任务，其中 prod 的任务列表与开发略有不同。有点类似于你如何使用 tha 配置来做到这一点

 return {
    dev: {
     ...
    },
    prod: {
     ...
    }  
 }

这样的事情可能吗？明确地说，我问的是我是否可以在一个任务中注册这两个。

Answer 1

您可以使用 multitask .

grunt.initConfig({
  build: {
    dev:  ['task1', 'task2', 'task3'],
    prod: ['taskA', 'taskB', 'taskC']
  }
});

grunt.registerMultiTask('build', 'Building...', function() {
  grunt.task.run(this.data);
});

然后你可以做 grunt build:dev 或 grunt build:prod

注意:如果您只是执行 grunt build，它将遍历所有属性，因此它会同时运行开发任务和生产任务。