глоток-бабель переносится с> = ES6 на ES5 - PullRequest
Новая
       22

глоток-бабель переносится с> = ES6 на ES5

0 голосов
/ 06 марта 2019

Мне не удалось перенести ES6 на ES5 с помощью gulp-babel.

Это, кажется, открытая проблема на github / babel / gulp-babel .

Тем не менее, я смог получить это хорошо работать с browserify См. Образец, который я сделал

Но я пытаюсь использовать пакет gulp-babel

У меня есть следующие настройки. Именно этим я и пользуюсь, но я все равно получаю только минимизированный файл со всеми 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

Ответы [ 2 ]

0 голосов
/ 14 марта 2019

Так и получается, что это ожидаемо. Вавилон будет переносить только ES6 и выше в ES5.

Для работы необходимого модуля необходимо использовать такой модуль, как browserify или webpack.

Здесь является примером

0 голосов
/ 13 марта 2019

Пожалуйста, проверьте версию babel и gulp-babel.

Если вы используете babel версии 6, вам необходимо явно установить / использовать gulp-babel версии 7.

Если вы используете версию 7 babel, вам нужна версия 8 gulp-babel, которую вы можете получить npm run i --save-dev gulp-babel на данный момент.

https://www.npmjs.com/package/gulp-babel

Бабель 7:
npm install --save-dev gulp-babel @babel/core @babel/preset-env

Бабел 6:
npm install --save-dev gulp-babel@7 babel-core babel-preset-env

...