Articles of babeljs

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; […]

babel-loader jsx SyntaxError: token imprevisto

Sono un principiante in React + Webpack. Ho trovato uno strano errore nella mia app web mondiale Hello. Sto usando babel-loader in webpack per aiutarmi a convertire jsx in js, ma sembra che babel non capisca la syntax jsx. Ecco le mie dipendenze: “devDependencies”: { “babel-core”: “^6.0.14”, “babel-loader”: “^6.0.0”, “webpack”: “^1.12.2”, “webpack-dev-server”: “^1.12.1” }, “dependencies”: […]

L’utilizzo di Node.js richiede l’importazione / esportazione di ES6

In un progetto a cui sto collaborando, abbiamo due scelte su quale sistema di moduli possiamo usare: Importare moduli usando require ed esportando usando module.exports ed exports.foo . Importazione di moduli mediante l’ import ES6 ed esportazione mediante export ES6 Ci sono dei vantaggi in termini di prestazioni nell’usare l’uno sull’altro? C’è qualcos’altro che dovremmo […]