Babele 6 CLI: esportazione di token inaspettati?

Question

Sto cercando di eseguire Babel tramite la sua CLI utilizzando babel-node ma continuo a ricevere l'errore Unexpected token export. Capisco che Babel 6 è tutto basato sui plugin e che ho bisogno di impostare il plug-in tramite .babelrc ma non sembra funzionare correttamente.

Così qui sono le mie domande:

• Dovrei usare il syntax-export-extensions plugin? Ho anche provato a utilizzare il metodo alternativo che è setting the plugin through package.json ma ancora senza fortuna.
• Inoltre, la CLI di Babel 6 ha un'opzione globale .babelrc? Sembra noioso se devo installare i plug-in per ogni progetto che lo richiede ...

Per coloro che sono curiosi di quello che sto cercando di esportare, quindi qui è la classe:

'use strict'; 

class Factorial { 
    static solve (num) { 
    if(num === 0) return 1; 
    else return num * Factorial.solve(num - 1); 
    } 
} 

console.log(Factorial.solve(5)) 

export default Factorial; 

Answer 1

Il modo più semplice per iniziare è utilizzare una preimpostazione .

Prima di tutto installare il nostro dipendenze:

$ npm install --save-dev babel-cli babel-preset-es2015 

Quindi aggiungere uno script build al package.json che corre Babel: (Questo è importante perché userà la versione locale di babel-cli invece di uno installato a livello globale)

"build": "babel input.js" 

tuo package.json dovrebbe assomigliare a questa:

{ 
    "name": "my-module", 
    "devDependencies": { 
    "babel-cli": "^6.x.x", 
    "babel-preset-es2015": "^6.x.x" 
    }, 
    "scripts": { 
    "build": "babel input.js -o compiled.js" 
    } 
} 

Infine si vuole aggiornare il locale .babelrc in questo modo:

{ 
    "presets": ["es2015"] 
} 

quindi si esegue npm run build e il gioco è tutto pronto per andare.

Inoltre, la CLI di Babel 6 ha un'opzione globale .babelrc? Sembra noioso se devo installare i plug-in per ogni progetto che lo richiede ...

Questa è una cattiva idea in quanto significa che non si può mai aggiornarlo senza aggiornare ogni singolo del codice progetti. Avere versioni locali significa che questo potenziale errore è meno probabile che si verifichi.

Answer 2

Ho ricevuto lo stesso errore, ma le mie configurazioni webpack/babel sembravano corrette. Per tentativi ed errori, ho sostituito export myFunction con export default myFunction e l'errore è stato risolto.

---

Successivamente, mi sono reso conto che il modo corretto di esportare è export {myFunction}. L'ho implementato e tutto funziona bene.