Grunt之babel

一、首先安装依赖

• yarn add grunt-babel @babel/core @babel/preset-env --dev

二、安装减少grunt.loadNpmTasks操作的模块

• yarn add load-grunt-tasks --dev

以下是写到gruntfile.js中

const loadGruntTasks = require('load-grunt-tasks')

module.exports = grunt => {

    grunt.initConfig({
        babel: {
            options: {
                presets: ['@babel/preset-env']
            },
            main: {
                files: {
                    'dist/js/app.js': 'src/js/app.js'
                }

            }
        },
        watch: {
            js: {
                files: ['src/js/*.js'],
                tasks: ['babel']
            },
            css: {
                files: ['src/scss/*.scss'],
                tasks: ['sass']
            }
        }
    })

    loadGruntTasks(grunt)

}

三、安装监听

• yarn add grunt-contrib-watch --dev

四、运行 grunt watch

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