Babel Datei wird kopiert, ohne

Question

transformiert wird, ich habe diesen Code:

"use strict"; 

import browserSync from "browser-sync"; 
import httpProxy from "http-proxy"; 

let proxy = httpProxy.createProxyServer({}); 

und ich habe babel-core und babel-cli global über npm installiert. Der Punkt ist, wenn ich versuche, mit diesem auf meinem Terminal zu kompilieren:

babel proxy.js --out-file proxified.js 

Die Ausgabedatei wird kopiert statt kompiliert (ich meine, es ist das gleiche wie die Quelldatei ist).

Was fehlt mir hier?

Answer 1

Babel ist ein Transformationsrahmen. Pre-6.x hat bestimmte Transformationen standardmäßig aktiviert, aber mit der zunehmenden Verwendung von Node-Versionen, die nativ viele ES6-Funktionen unterstützen, ist es viel wichtiger geworden, dass Dinge konfigurierbar sind. Standardmäßig führt Babel 6.x keine Transformationen durch. Sie müssen es sagen, welche Transformationen auszuführen:

npm install babel-preset-env 

und

babel --presets env proxy.js --out-file proxified.js 

oder erstellen Sie eine Datei .babelrc

{ 
    "presets": [ 
     "env" 
    ] 
} 

enthält, laufen und führen Sie es genau wie vorher.

env In diesem Fall ist eine Voreinstellung, die im Grunde sagt, alle Standard ES * Verhalten zu ES5 zu kompilieren. Wenn Sie Knoten Versionen verwenden, die einige ES6 unterstützen, können Sie zu prüfen,

{ 
    "presets": [ 
     ["env", { targets: { node: true } }], 
    ] 
} 

tun das Preset nur Prozess, Dinge zu sagen, die nicht unterstützt werden, indem Sie Ihre Node-Version. Sie können auch Browserversionen in Ihre Ziele aufnehmen, wenn Sie Browserunterstützung benötigen.

Answer 2

npm install --save-dev babel-preset-node5 

npm install --save-dev babel-preset-react 

... und dann ein .babelrc mit den Voreinstellungen erstellen:

{ 
    "presets": [ 
    "node5", 
    "react" 
    ] 
} 

... beschlossen, ein sehr ähnliches Problem für mich, mit babel 3.8.6 und Knoten v5.10.1

https://www.npmjs.com/package/babel-preset-node5
https://www.npmjs.com/package/babel-preset-react

Answer 3

Ich hatte das gleiche Problem mit a andere Ursache:

Der Code, den ich laden wollte, befand sich nicht im Paketverzeichnis, und Babel legt nicht standardmäßig außerhalb des Paketverzeichnisses an.

Ich löste es, indem ich den importierten Code bewegte, aber vielleicht hätte ich auch eine Aufnahmeanweisung in der Babel-Konfiguration verwenden können.

Answer 4

zunächst sicher, Sie haben die folgende node modules:

npm i -D webpack babel-core babel-preset-es2015 babel-preset-stage-2 babel-loader

Als nächstes wird dieses Config Datei (webpack.config.js) zu Ihrem Webpack hinzufügen:

// webpack.config.js 
... 
module : { 
    loaders : [ 
    { 
     test : /\.js$/, 
     loader : 'babel', 
     exclude : /node_modules/, 
     options : { 
     presets : [ 'es2015', 'stage-2' ] // stage-2 if required 
     } 
    } 
    ] 
} 
... 

Referenzen:

• https://gist.github.com/Couto/6c6164c24ae031bff935
• https://github.com/babel/babel-loader/issues/214

Good Luck!

Answer 5

gleichen Fehler, andere Ursache:

Transpiling vor gearbeitet hatte und dann funktioniert plötzlich, mit Dateien einfach kopiert werden, wie ist.

Stellt sich heraus, ich öffnete die .babelrc irgendwann und Windows entschied sich .txt an den Dateinamen anhängen. Jetzt wurde .babelrc.txt von babel nicht erkannt. Entfernen der .txt Suffix behoben, dass.

Answer 6

beheben Ihre .babelrc

{ 
    "presets": [ 
    "react", 
    "ES2015" 
    ] 
}