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
大公告成

如果有什么錯誤，歡迎指正