从>=ES6到ES5

Question

我一直无法使用gulp将ES6转到ES5。

这似乎是github/babel/上的一个悬而未决的问题。

然而，使我能够很好地使用browserify 参考我做的一个样本

但我正在尝试使用古普巴贝尔包

我有下面的设置。这就是我一直在使用的内容，但我仍然只得到一个包含所有require行的缩小文件。

gulpfile.js

const gulp = require("gulp");
const babel = require("gulp-babel");
const sourcemaps = require("gulp-sourcemaps");
const uglify = require("gulp-uglify-es").default;
const concat = require("gulp-concat");

gulp.task("buildjs", () => {
  return gulp.src(paths.js.source)
    .pipe(sourcemaps.init({ loadMaps: true }))
    .pipe(concat(paths.build.destMinJSFileName))
    .pipe(babel())
    .pipe(uglify())
    .pipe(sourcemaps.write(paths.build.destMapFolder))
    .pipe(gulp.dest(paths.build.destBuildFolder));
});

.babelrc

{
    "presets": ["@babel/preset-env"]
}

package.json

"@babel/core": "^7.3.4",
"@babel/polyfill": "^7.2.5",
"gulp": "^4.0.0",
"gulp-concat": "^2.5.2",
"gulp-sourcemaps": "^1.5.2",
"gulp-uglify-es": "^1.0.4"

entry.js (paths.js.source)

require("@babel/polyfill");
require("./main")

bundle.min.js (实际输出)

"use strict";require("@babel/polyfill"),require("./main")
//# sourceMappingURL=maps/bundle.min.js.map

Answer 1

结果是，这是预料之中的。巴贝尔只会把ES6及以上的东西转到ES5上。

需要使用浏览器化或webpack等模块才能使所需模块正常工作。

这里就是一个例子

Answer 2

请检查您的babel和版本。

如果您使用的是babel版本6，则需要显式安装/使用gulp版本7。

如果您使用的是babel 7，您需要吞咽-babel 8，您现在可以获得npm run i --save-dev gulp-babel。

https://www.npmjs.com/package/gulp-babel Babel 7： npm install --save-dev gulp-babel @babel/core @babel/preset-env Babel 6： npm install --save-dev gulp-babel@7 babel-core babel-preset-env