使用 gulp 支持旧版浏览器

【问题标题】：Support older browsers with gulp使用 gulp 支持旧版浏览器
【发布时间】：2019-06-01 02:39:46
【问题描述】：

我想一直支持 es6 语法和 javascript 的新特性到 IE11。我在我的项目中使用 gulp。有什么办法可以让新的 javascript 被转译以支持旧的浏览器？

【问题讨论】：

使用 babel babeljs.io 和 IE11 的 polyfill babeljs.io/docs/en/babel-polyfill
从未使用过 gulp 或 babel，但快速测试表明 babel 不支持 spaceship 运算符 ("abc" 42)。
@jeff JS 中没有宇宙飞船操作符（OP 要求并且 babeljs 只编译）stackoverflow.com/questions/34852855/…
@dippas，哎呀，我的语言搞糊涂了。

【解决方案1】：

你可以使用gulp-babel，这是babeljs转译器的包

像这样安装它：（对于babel 7）

$ npm install --save-dev gulp-babel @babel/core @babel/preset-env

基本设置是这样的：

const gulp = require('gulp'),
  babel = require('gulp-babel');

gulp.task('default', () =>
  gulp.src('src/yourJSfile.js')
  .pipe(babel({
    presets: ['@babel/env'] // the minimum presets needed to make gulp-babel work in babel 7 - https://github.com/babel/gulp-babel/tree/v7-maintenance
  }))
  .pipe(gulp.dest('dist'))
);

【讨论】：