“警告:任务”babel“未找到。使用--force继续。”

时间:2015-11-19 01:26:55

标签: javascript gruntjs webstorm babeljs

我在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

1 个答案:

答案 0 :(得分:15)

我下载了您的代码以尝试为您提供帮助。我做的。请参阅下面的步骤:

步骤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