「警告：未找到任務」babel「，請使用 - force繼續。」

Question

我有我的gruntfile.js這個簡單的代碼：

module.exports = function (grunt) 
{ 
require("load-grunt-tasks")(grunt); // npm install --save-dev load-grunt-tasks 

    grunt.initConfig({ 
    babel: { 
     options: { 
     sourceMap: true 
     }, 
     dist: { 
     files: { 
      "dist/app.js": ["src/app.js"] 
     } 
     } 
    } 
    }); 

    grunt.registerTask("default", ["babel"]); 

}; 

但是告訴我，當運行這個錯誤：

Warning: Task "babel" not found. Use --force to continue. 

Aborted due to warnings. 

Process finished with exit code 3 

任何幫助嗎？決不轉換從ECMAScript中6比5 :(

這裏我的文件：

http://www.mediafire.com/download/nabq78bs323u47b/DemoBable.zip

Answer 1

我下載了你的代碼，以盡力幫助你，我做到了，請看看我的步驟初級講座：。

第1步：進入到根項目directotry

cd DemoBable 

第2步：安裝grunt

npm install --save-dev grunt 

步驟3：安裝load-grunt-tasks

npm install --save-dev load-grunt-tasks 

步驟4：安裝grunt-babel

npm install --save-dev grunt-babel 

步驟5：Finaly，運行它

grunt 

輸出應爲：

Running "babel:dist" (babel) task 

Done, without errors. 

EDITED

要轉換爲代碼ECMA 5.您gruntfile.js應該是：

module.exports = function (grunt) 
{ 
    require("load-grunt-tasks")(grunt); // npm install --save-dev load-grunt-tasks 

    grunt.initConfig({ 
     "babel": { 
      options: { 
       sourceMap: true, 
       presets: ['es2015'] 
      }, 
      dist: { 
       files: { 
        "dist/app.js": "src/app.js" 
       } 
      } 
     } 
    }); 

    grunt.registerTask("default", ["babel"]); 
}; 

而且你必須安裝babel-preset-es2015：

npm install --save-dev babel-preset-es2015