grunt里面将es6转为es5，遇到的坑

今天看了一下grunt的官方文档，就按照教程来自己创建一个demo，发现grunt要把es6转化为es5需要安装babel，然后就按照grunt-babel的文档进行了一系列操作，等我要兴致勃勃的运行我的代码的时候，emmmm报错了，错误信息如下：

原因：
npm i --dev grunt-babel @ 7 @ babel-core babel-preset-env按照这个命令安装的Babel版本babel-core的版本产生冲突，一堆百度下来还是没有解决，最终还是乖乖的重新去看官方给出的文档

看到这个没，敲黑板！！！点他👆👆👆👆👆👆

解决:
按照Babel的分支,做了以下操作
删除package.json中有关于Babel的配置
删除node_modules，重新运行npm install
重新运行 npm install --save-dev grunt-babel babel-preset-env
配置 Gruntfile.js文件

grunt.initConfig({
    "babel": {
        options: {
            sourceMap: true,
            presets: ['env']
        },
        dist: {
            files: {
                "dist/js/output.js": "src/js/index.js"
            }
        }
    }
});
grunt.loadNpmTasks('grunt-babel');
grunt.registerTask('default', [ 'babel']);

这时候你还是会发现有报错,错误信息如下:grunt-babel版本太高

运行npm install grunt-babel@7 --save
大公告成

如果有什么错误，欢迎指正