Grunt：为每个文件而不是整个目录运行 babel 任务

Question

我有这个 Grunfile，它“监视” src/ 目录中的 .js 文件，当其中一个被修改时，babel (https://github.com/babel/grunt-babel) 任务运行以在 dist/ 目录中生成 ES5 文件：

module.exports = function(grunt) {

    require('load-grunt-tasks')(grunt);
    grunt.initConfig({
        babel: {
            options: {
                sourceMap: false
            },

            dist: {
                 files: [{
                    expand: true,
                    cwd: 'src/',
                    src: ['*.js'],
                    dest: 'dist/',
                    ext: '.js'
                }]
            }

        },

        watch: {
            ej6: {
                files: "src/*.js",
                tasks: ['babel']
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-watch');

    grunt.registerTask('default', ['babel', 'watch']);

};

是否可以查看 src/ 目录并仅为该特定文件运行 babel 任务？因为，如果我在 src/ 路径中有“n”个文件，脚本将重新生成所有文件。

Answer 1

试试这个包https://www.npmjs.com/package/grunt-newer

我按照您描述的类似方法使用 gulp 等效项。