file di Babel viene copiato senza essere trasformato

Question

ho questo codice:

"use strict"; 

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

let proxy = httpProxy.createProxyServer({}); 

e ho installato babel-core e babel-cli a livello globale tramite NPM. Il punto è che quando provo a compilare con questo sul mio terminale:

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

Il file di output viene copiato anziché compilato (voglio dire, è lo stesso del file di origine).

Cosa mi manca qui?

Answer 1

Babel è una struttura di trasformazione. Pre-6.x, ha abilitato alcune trasformazioni per impostazione predefinita, ma con l'aumento dell'utilizzo delle versioni di Node che supportano in modo nativo molte funzionalità di ES6, è diventato molto più importante che le cose siano configurabili. Per impostazione predefinita, Babel 6.x non esegue alcuna trasformazione. È necessario indicare cosa trasformazioni a correre:

npm install babel-preset-env 

ed eseguire

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

o creare un file contenente .babelrc

{ 
    "presets": [ 
     "env" 
    ] 
} 

ed eseguirlo proprio come eri prima.

env in questo caso è un predefinito che dice sostanzialmente di compilare tutto il comportamento ES * standard per ES5. Se si utilizza le versioni Nodo che supportano alcuni ES6, si può prendere in considerazione facendo

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

a dire il preset da solo le cose di processo che non sono supportati dalla versione Nodo. Puoi anche includere versioni del browser nei tuoi obiettivi se hai bisogno del supporto del browser.

Answer 2

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

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

... e poi la creazione di un .babelrc con i preset:

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

... risolto un problema molto simile per me, con babel 3.8.6, e il nodo v5.10.1

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

Answer 3

Ho avuto lo stesso problema con un Diverse cause:

Il codice che stavo tentando di caricare non era nella directory del pacchetto e Babel non esegue il transpill fuori dalla directory del pacchetto.

Ho risolto spostando il codice importato, ma forse avrei potuto usare anche alcune istruzioni di inclusione nella configurazione di Babel.

Answer 4

prima assicurarsi di avere il seguente node modules:

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

Avanti, aggiungere questo al vostro Webpack config di file (webpack.config.js):

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

Riferimenti:

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

Good Luck!

Answer 5

stesso errore, causa diversa:

Transpiling aveva lavorato prima e poi improvvisamente ha smesso di funzionare, con i file semplicemente essere copiati come è.

Risulta che ho aperto il .babelrc a un certo punto e Windows ha deciso di aggiungere .txt al nome file. Ora che .babelrc.txt non è stato riconosciuto da babele. Rimozione del suffisso .txt risolto.

Answer 6

risolvere il tuo .babelrc

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