使用 gulp 将 es6 脚本转换为 JS答案

【问题标题】：Converting es6 script to JS using gulp使用 gulp 将 es6 脚本转换为 JS
【发布时间】：2019-01-08 17:32:15
【问题描述】：

我正在尝试将 ES6 代码转换为简单的 JS，在 gulp 中使用 babel。运行下面的代码我得到 [Error in Plugin "gulp-babel"] 消息：[Plugin/Preset files are not allowed to export objects, only functions.]

  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 将不胜感激。

【问题讨论】：

代码适用于以下版本组合 "devDependencies": { "@babel/core": "^7.0.0", "@babel/preset-env": "^7.2.3" , "gulp": "^4.0.0", "gulp-babel": "^8.0.0" }

标签： gulp gulp-babel

【解决方案1】：

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

【讨论】：

是的，明白了。这是由于依赖项的版本不匹配。谢谢！
还更改了@TheDancingCode 提到的代码