使用 gulp 将 es6 脚本转换为 JS

Question

我正在尝试将 ES6 代码转换为简单的 JS，在 gulp 中使用 babel。运行下面的代码我收到 [插件错误 "gulp-babel"] 消息：[Plugin/Preset 文件不允许导出对象，只能导出函数。]

  var gulp = require('gulp');
  var babel = require('gulp-babel');
  gulp.task('scripts',function(){
      return gulp.src(['src/scripts/app.js'])
      .pipe(babel({presets:['es2015']}))
      .pipe(gulp.dest('build/scripts/'))
  });

src/scripts/app.js

const hello = (name) => {
    return `hello ${name}`; 
};

指导我将 ES6 代码转换为 vanilla JS 将不胜感激。

Answer 1

您可能正在使用 Babel 7，而您的预设与其不兼容。您应该安装并使用 { presets: ["@babel/preset-env"] }.

使用 gulp 将 es6 脚本转换为 JS

Converting es6 script to JS using gulp

gulp

gulp-babel