Witajcie.
Mam drobny problem z Gulpem. Mianowicie nie transpiluje mi kodu js. Pierwszy raz używam tego narzędzia ale całą resztę - kompilacja sass, minifikacja css, js, debugowanie sass, livereload udało mi się dobrze ustawić. Natomiast borykam się już spory kawał czasu z JS/ES6 i zgłupiałem.
Oto mój task (swoją drogą wzięty z babeljs.org) z ustawionymi ścieżkami.
gulp.task("compile-js", function () {
return gulp.src("src/**/*.js")
.pipe(sourcemaps.init())
.pipe(babel())
.pipe(concat("script.js"))
.pipe(sourcemaps.write("."))
.pipe(gulp.dest("dist/js"));
});
Po wykonaniu akcji następuje konkatenacja plików ale kod nie jest transpilowany. Czyli kod, który wygląda tak:
let test = (name) => {
return yolo ${name};
}
Powinien wyglądać tak
var test = function test(name) {
return "yolo " + name;
}
Niestety jedyne co się dzieje to połączenie plików js w jeden i nic poza tym. Próbowałęm do tego dorobić .babelrc
o takiej zawartości (wykopane w internetach)
{
"presets": [
["env", {
"modules": false
}]
]
}
Jednak wtedy po wywołaniu taska dostaję tonę błędów, których nie będę wklejał bo pochodzą z modułów babela i raczej tego typu błędy nic nam nie powiedzą. Przykład:
events.js:167
throw er; // Unhandled 'error' event
^
TypeError: Cannot read property 'bindings' of null
at Scope.moveBindingTo (/home/ksiezycowy_orzel/Git/Workspace/Test/node_modules/@babel/traverse/lib/scope/index.js:869:13)