Articles of babeljs

require (‘babel / register’) non funziona

Ho un’app isomorfa scritta in ES6 sul client con il traspolatore Babel . Voglio che il mio server express abbia la stessa syntax ES6 del codice client. Sfortunatamente require(‘babel/register’) non funziona .. server.js require(‘babel/register’); // doesn’t work // require(‘babel-core/register); doesn’t work.. const env = process.env.NODE_ENV || ‘development’; const port = process.env.NODE_PORT || 1995; const http […]

‘Symbol’ non è definito in IE dopo aver usato Babele

Ho un’app reactjs scritta usando gli standard ES6, e io uso il webpack per costruirlo. Il webpack carica i moduli js usando babel-loader . Per essere precisi, utilizzo le seguenti versioni di pacchetti: ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected] Tuttavia, dopo averlo creato, IE 10 restituisce il seguente errore ‘Symbol’ is undefined . […]

VSCode Linter ES6 ES7 Babel linter

Come utilizzare il codice di Visual Studio per filtrare il file JavaScript basato sulle regole dello stage 0 di babel / ES7? Ho solo bisogno di filtrare il codice. Ho già un pacchetto web che traspone il file Js.

La funzionalità Babel 6.0.20 Modules non funziona in IE8

Sto cercando di esportare un modulo header.js in header.js : export default { setHeaderHighlight: function (index) { // do somethings } }; E importalo in index.js : import header from “./header.js” $(function () { header.setHeaderHighlight(0); }); Quindi la trasformazione esce in index.bundle.js : var _header = __webpack_require__(129); var _header2 = _interopRequireDefault(_header); function _interopRequireDefault(obj) { return […]

“Importazione inaspettata di token” in Nodejs5 e babele?

Nel file js, ho usato l’importazione invece di richiedere import co from ‘co’; E ho cercato di eseguirlo direttamente da nodejs poiché ha detto che l’importazione è “funzionalità di spedizione” e supporto senza alcun flag di runtime ( https://nodejs.org/en/docs/es6/ ), ma ho ricevuto un errore import co from ‘co’; ^^^^^^ SyntaxError: Unexpected token import Allora […]

Errore: trasformazione delle proprietà della class mancante

Error: Missing class properties transform Test.js : export class Test extends Component { constructor (props) { super(props) } static contextTypes = { router: React.PropTypes.object.isRequired } .babelrc : { “presets”: [“es2015”, “react”, “stage-0”], “plugins”: [“transform-class-properties”] } package.json : “babel-core”: “^6.5.1”, “babel-eslint”: “^4.1.8”, “babel-loader”: “^6.2.2”, “babel-plugin-react-transform”: “^2.0.0”, “babel-plugin-transform-class-properties”: “^6.5.2”, “babel-preset-es2015”: “^6.5.0”, “babel-preset-react”: “^6.5.0”, “babel-preset-stage-0”: “^6.5.0”, “babel-register”: “^6.5.2”, […]

Importazione di file CSS in componenti di reazione isomorfa

Ho un’applicazione React con componenti scritti in ES6 – traspiled tramite Babel e Webpack. In alcuni punti vorrei includere specifici file CSS con componenti specifici, come suggerito nel libro di ricette del webpack Tuttavia, se in qualsiasi file componente ho bisogno di un asset CSS statico, ad esempio: import ‘../assets/css/style.css’; Quindi la compilazione fallisce con […]

Va bene usare il babel-node in produzione

Ho sviluppato un sito usando babel-node e browserify con la trasformazione babelify, per supportare la syntax ES6. Mi stavo solo chiedendo, posso farlo in produzione come babel-node server piuttosto che come node server Quali altre opzioni devo eseguire ES6 nel nodo? Ecco i comandi che sto eseguendo per la compilazione e avvio nello sviluppo // […]

Oggetto JavaScript destrutturazione e aliasing

C’è un modo per destrutturare un object in JavaScript e alias l’object destrutturato locale? Qualcosa di simile a: const env = {ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z} = process.env; … e sono diventati una costante locale contenente quelle variabili d’ambiente selezionate. (Sono consapevole che il mio esempio non funziona con Babele) { ENV_VAR_X: “s867c7dsj4lal7”, ENV_VAR_Y: “hd73m20s-a=snf77f”, ENV_VAR_Z: “production” […]

Come rimuovere “use strict” globale aggiunto da babel

Sto usando la forma di funzione di “usare rigorosamente” e non voglio la forma globale che Babel aggiunge dopo la trasposizione. Il problema è che sto usando alcune librerie che non usano la modalità “use strict” e potrebbero generare un errore dopo che gli script sono concatenati