Articles of babeljs

Perché l’istanza di lavoro non funziona su istanze di sottoclassi di errore in babel-node?

Sto vedendo che l’operatore instanceof non funziona su istanze di sottoclassi Error , quando è in esecuzione in babel-node versione 6.1.18 / Node versione 5.1.0 su OS X. Perché è questo? Lo stesso codice funziona bene nel browser, prova il mio violino per un esempio. Il seguente codice risulta true nel browser, mentre sotto babel-node […]

Esiste un’analogia a una sola riga in ES6 per ES5 `module.exports = require (‘./ inner.js’)`?

// before module.exports = require(‘./inner.js’); // nowadays export default from ‘./inner.js’; sto provando a farlo, ma Babel lo permette solo nella fase 1 di es7 come è una proposta per ora . Quindi per ora, segui queste due linee: import sticker from ‘./box-sticker.jsx’; export default sticker; Posso accorciarli a uno?

Non è ansible richiedere () il valore di esportazione predefinito in Babel 6.x

In Babel 5.x, posso scrivere il seguente codice: app.js export default function (){} index.js require(‘babel/register’); require(‘./app’)(); Quindi, posso eseguire node index.js senza errori. Tuttavia, usando Babel 6.x, eseguendo il seguente codice index.es6.js require(‘babel-core/register’); require(‘./app’)(); genera un errore require (…) non è una funzione Voglio sapere perché?

Come posso generare sourcemaps quando uso babel e webpack?

Sono nuovo del webpack e ho bisogno di una mano per la creazione di sorgenti di dati. Sto eseguendo il webpack serve dalla riga di comando, che viene compilato correttamente. Ma ho davvero bisogno di tabs video. Questo è il mio webpack.config.js . var webpack = require(‘webpack’); module.exports = { output: { filename: ‘main.js’, publicPath: […]

Chiama funzioni asincrone / attese in parallelo

Per quanto ho capito, in ES7 / ES2016 mettere in await più di un codice funzionerà in modo simile al concatenamento .then() con promesse, il che significa che si eseguiranno l’uno dopo l’altro anziché in parallelo. Quindi, per esempio, abbiamo questo codice: await someCall(); await anotherCall(); Ho capito correttamente che anotherCall() verrà chiamato solo quando […]

“Potrebbe essere necessario un caricatore appropriato per gestire questo tipo di file” con Webpack e Babel

Sto cercando di utilizzare Webpack con Babel per compilare le risorse ES6, ma ricevo il seguente messaggio di errore: You may need an appropriate loader to handle this file type. | import React from ‘react’; | /* | import { render } from ‘react-dom’ Ecco come appare la mia configurazione di Webpack: var path = […]

Browserify, Babel 6, Gulp – Token imprevisto sull’operatore di diffusione

Sto cercando di far funzionare il mio Browserify / Babelify / Gulp nel mio progetto, ma non ci vorrà l’operatore di spread. Ho ricevuto questo errore dal mio gulpfile: [SyntaxError: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js: Unexpected token (16:8) while parsing file: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js] Questo è il mio gulpfile.js var gulp = require(‘gulp’); var source = require(‘vinyl-source-stream’); var browserify = require(‘browserify’); […]

Estensione dei nativi incorporati in ES6 con Babel

Sto usando Babel per estendere la mia class con l’array nativo integrato class NewArray extends Array { first() { return this[0]; } } var a = new NewArray(1, 2, 3); console.log(a.length); // 3 console.log(a); // [ 1, 2, 3 ] console.log(a.first()); // trigger error In a.first (), sto ricevendo questo errore: console.log(a.first()); ^ TypeError: a.first […]

Crea object da stringa in JavasScript ECMAScript 6

Voglio creare factory di oggetti usando ES6 ma la syntax vecchio stile non funziona con new. Ho il prossimo codice: export class Column {} export class Sequence {} export class Checkbox {} export class ColumnFactory { constructor() { this.specColumn = { __default: ‘Column’, __sequence: ‘Sequence’, __checkbox: ‘Checkbox’ }; } create(name) { let className = this.specColumn[name] […]

Babel 6 regeneratorRuntime non è definito

Sto cercando di usare async, attendere da zero su Babel 6, ma sto ricevendo regeneratorRuntime non definito. .babelrc file { “presets”: [ “es2015”, “stage-0” ] } file package.json “devDependencies”: { “babel-core”: “^6.0.20”, “babel-preset-es2015”: “^6.0.15”, “babel-preset-stage-0”: “^6.0.15” } file .js “use strict”; async function foo() { await bar(); } function bar() { } exports.default = foo; […]