Babel and grunt-watch

Hello!

I’ve got a project that uses connect -> watch -> babel in the dev environment. When I first run grunt server, it transpiles the es6->js successfully.

The watch works in that it sees changes to the es6 file and runs the babel tasks. The js file changes somehow, because grunt sees a change and refreshes the page with livereload, but the changes to the es6 file are not reflected in the js file.

My inexperienced assumption is that the js file is being rewritten, but without the new changes to the es6 file. Any thoughts?

A truncated copy of my gruntfile:

grunt.registerTask('server', [
    'sass',
    'babel',
    'connect:server',
    'watch'
]);

grunt.initConfig({
    babel: {
        options: {
            sourceMap: true
        },
        all: {
            files: [{
                expand: true,
                cwd: 'dev/js/site',
                src: ['**/*.es6'],
                dest: 'dev/js/site',
                ext: '.js'
            }]
        }
    },
    watch: {
        livereload: {
            options: { livereload: true },
            files: ['dev/css/*.css', 'dev/js/site/*.js', 'dev/**/*.html']
        },
        sass: {
            files: 'dev/scss/*.scss',
            tasks: ['sass']
        },
        babel: {
            files: 'dev/js/site/*.es6',
            tasks: ['babel']
        }
    },
    connect: {
        server: {
            options: {
                port: 8888,
                hostname: '*',
                livereload: true,
                open: true,
                base: 'dev'
            }
        }
    }
}

[joshbroton]

Yep. You’re right. I had to specify the specific babel task in the watch. Odd, but works for me. Thanks!

babel: {
    files: 'dev/js/site/*.es6',
    tasks: ['babel:dev']
}

[koshuang]

Thanks @mmahalwy, it works!