Articles of babeljs

Acesso à propriedade de segurança nulo (e atribuição condicional) no ES6 / 2015

Existe um operador de access de propriedade nulo (propagação / existência nula) no ES6 (ES2015 / JavaScript.next / Harmony) como ?. no CoffeeScript por exemplo? Ou está planejado para o ES7? var aThing = getSomething() … aThing = possiblyNull?.thing Isso será mais ou menos como: if (possiblyNull != null) aThing = possiblyNull.thing Idealmente, a solução […]

Como faço para gerar sourcemaps ao usar o babel e o webpack?

Eu sou novo no webpack e preciso de uma mão na configuração para gerar sourcemaps. Estou executando o webpack serve na linha de comando, que é compilada com sucesso. Mas eu realmente preciso de sourcemaps. Este é o meu webpack.config.js . var webpack = require(‘webpack’); module.exports = { output: { filename: ‘main.js’, publicPath: ‘/assets/’ }, […]

Chame as funções async / await em paralelo

Tanto quanto eu entendo, no ES7 / ES2016 colocar vários em await no código funcionará de forma semelhante ao encadeamento. .then() com promises, o que significa que eles executarão um após o outro em vez de em paralelo. Então, por exemplo, nós temos este código: await someCall(); await anotherCall(); Eu entendi corretamente que anotherCall() será […]

“Você pode precisar de um carregador apropriado para lidar com este tipo de arquivo” com Webpack e Babel

Eu estou tentando usar o Webpack com Babel para compilar ativos do ES6, mas estou recebendo a seguinte mensagem de erro: You may need an appropriate loader to handle this file type. | import React from ‘react’; | /* | import { render } from ‘react-dom’ Aqui está a aparência da minha configuração do Webpack: […]

Browserify, Babel 6, Gulp – Token inesperado no operador de spread

Estou tentando fazer com que meu Browserify / Babelify / Gulp funcione no meu projeto, mas não será necessário o operador de propagação. Eu recebi esse erro do meu 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] Este é o meu gulpfile.js var gulp = require(‘gulp’); var source = require(‘vinyl-source-stream’); var browserify = […]

Estendendo nativos integrados no ES6 com o Babel

Estou usando o Babel para estender minha class com a matriz nativa integrada 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 Em a.first (), estou recebendo este erro: console.log(a.first()); ^ TypeError: […]

Babel 6 regeneratorRuntime não está definido

Estou tentando usar o async, aguardo do zero no Babel 6, mas estou ficando o regeneratorRuntime não está definido. arquivo .babelrc { “presets”: [ “es2015”, “stage-0” ] } arquivo package.json “devDependencies”: { “babel-core”: “^6.0.20”, “babel-preset-es2015”: “^6.0.15”, “babel-preset-stage-0”: “^6.0.15” } arquivo .js “use strict”; async function foo() { await bar(); } function bar() { } exports.default […]

Criar object de string no JavmasScript ECMAScript 6

Eu quero criar fábrica de objects usando o ES6, mas a syntax de estilo antigo não funciona com o novo. Eu tenho o próximo código: export class Column {} export class Sequence {} export class Checkbox {} export class ColumnFactory { constructor() { this.specColumn = { __default: ‘Column’, __sequence: ‘Sequence’, __checkbox: ‘Checkbox’ }; } create(name) […]

babel-loader jsx SyntaxError: Token inesperado

Sou iniciante no React + Webpack. Eu encontrei um erro estranho no meu aplicativo da web hello world. Estou usando o babel-loader no webpack para me ajudar a converter o jsx em js, mas parece que o babel não entende a syntax jsx. Aqui estão minhas dependencies: “devDependencies”: { “babel-core”: “^6.0.14”, “babel-loader”: “^6.0.0”, “webpack”: “^1.12.2”, […]

Usando o Node.js require vs. ES6 import / export

Em um projeto em que estou colaborando, temos duas opções em qual sistema de módulo podemos usar: Importando módulos usando require e exportando usando module.exports e module.exports . Importando Módulos Utilizando a Importação do ES6 e Exportando Usando export ES6 Há algum benefício de desempenho em usar um sobre o outro? Existe algo mais que […]