"警告:任务"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步:最后,运行它

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