javascript - "Warning: Task "巴别塔 "not found. Use --force to continue."

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

我下载了您的代码来尝试帮助您。我做到了。请看下面我的步骤:

第一步:进入项目根目录

cd DemoBable

第 2 步:安装 grunt

npm install --save-dev grunt

第 3 步:安装 load-grunt-tasks

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

第四步:安装grunt-babel

npm install --save-dev grunt-babel

第五步:最后，运行它

grunt

输出应该是:

Running "babel:dist" (babel) task

Done, without errors.

已编辑

要将代码转换为 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