使用 gulp 设置 babel

Question

我正在使用 babel 和 gulp。设置看起来非常简单。我设置了一个源文件夹并创建了一个 app.js 文件

var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task("default", function () {
  return gulp.src("src/app.js")
    .pipe(babel())
    .pipe(gulp.dest("dist"));
});

但是，当我运行 gulp.

Error while parsing JSON - Unexpected ''
at JSON5.parse.error (/Users/steven/projects/es6/node_modules/json5/lib/json5.js:50:25)
at JSON5.parse.word (/Users/steven/projects/es6/node_modules/json5/lib/json5.js:378:13)
at JSON5.parse.value (/Users/steven/projects/es6/node_modules/json5/lib/json5.js:478:56)
at Object.parse (/Users/steven/projects/es6/node_modules/json5/lib/json5.js:491:18)
at OptionManager.addConfig (/Users/steven/projects/es6/node_modules/babel-core/lib/transf

我找到了访问这些文件的方法，但不明白为什么其中一些会导致错误。

例如：

default:
        return ch >= '0' && ch <= '9' ? number() : word();
    }

我试图将引号更改为双引号以进行测试，但仍然出现相同的错误。不确定是什么原因造成的。任何帮助或指导将不胜感激。

Answer 1

我昨天遇到了同样的问题，我通过在项目的根目录中添加一个 .babelrc 文件解决了这个问题。

.babelrc应该包含以下内容：

{
  "presets": "es2015"
}

这应该允许 OptionManager.addConfig 找到您的 .babelrc 文件并且您的问题应该得到解决;-)

使用 gulp 设置 babel

setting up babel with gulp

gulp

babeljs