Exportieren einer Klasse mit ES6 (Babel)
Der Versuch, eine Klasse als Modul ES6 zu exportieren babel
Ich benutze nicht Browserify, nur Gulp und Node, wollte nur vorreden.
./
./gulpfile.js
./_ GULP
./_ GULP / main_config.es6
./_ GULP / _classes / Gcfg.es6
Ich exportiere eine Klasse Gcfg.es6
-Datei, so:
In main_config.es6
Ich versuche zu importieren:
Im Anschluss an diesen GitHub Beitrag:
Ich nahm an, dass ich alles richtig gemacht habe. Ich benutze WebStorm und habe ein "File Watcher" Setup um Babel beim Speichern einer .es6 Datei auszuführen. Ich mache dort nichts Besonderes, die einzigen optionalen Flags, die ich verwende, sind:
--source-maps
und --out-file $FileNameWithoutExtension$.js $FilePath$
$ FileNameWithoutExtension $ .js ist eine WebStorm-Anwendungsvariable und ist nur die Datei, die vom Watcher geladen wird und $ FilePath $ ist der absolute Pfad zur Datei.
Also sieht der Befehl so aus (ich glaube, ich sehe es nicht ausgeführt):
babel --source-maps --out-file main_config.js ./_GULP/
etc für die anderen Dateien ...
Alle Dateien werden von Babel gut verarbeitet, glaube ich. Ich sehe die Exporte und benötigt in dem generierten JS.
In gulpfile.js
mache ich:
gCfg = require('./_GULP/main_config');
& lt; - dies erfordert funktioniert!
Wenn ich jedoch versuche, GULP auszuführen, schlägt es sofort fehl und in der Konsole bekomme ich:
%Vor% Warum kann ich die Klasse nicht in Gcfg.es6
exportieren und in main.es6
mit es6 importieren / exportieren importieren? Wird ein Polyfill benötigt (ich lade Kabel / Polyfill)? Habe ich _
auf meinem Weg? Ich habe gerade zu lange darüber gesprochen.
Danke!
Tags und Links javascript ecmascript-6 babeljs gulp