Articles of babeljs

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

O Babel 6 altera como exporta o padrão

Antes, o babel adicionava a linha module.exports = exports[“default”] . Não faz mais isso. O que isto significa é antes que eu pudesse fazer: var foo = require(‘./foo’); // use foo Agora tenho que fazer isso: var foo = require(‘./foo’).default; // use foo Não é um grande negócio (e eu estou supondo que isto é […]

Por que o babel reescreve a chamada de function importada para (0, fn) (…)?

Dado um arquivo de input como import { a } from ‘b’; function x () { a() } O babel irá compilá-lo para ‘use strict’; var _b = require(‘b’); function x() { (0, _b.a)(); } mas quando compilado no modo solto a chamada de function é saída como _b.a(); Eu fiz algumas pesquisas sobre onde […]

O arquivo Babel é copiado sem ser transformado

Eu tenho esse código: “use strict”; import browserSync from “browser-sync”; import httpProxy from “http-proxy”; let proxy = httpProxy.createProxyServer({}); e eu instalei o babel-core e o babel-cli globalmente via npm. O ponto é quando tento compilar com isso no meu terminal: babel proxy.js –out-file proxified.js O arquivo de saída é copiado em vez de compilado (quero […]

Como usar as funções de seta (campos de class pública) como methods de class?

Eu sou novo em usar classs ES6 com o React, anteriormente eu tenho vinculado meus methods ao object atual (mostra no primeiro exemplo), mas o ES6 me permite vincular permanentemente uma function de class a uma instância de class com setas? (Útil ao passar como uma function de retorno de chamada.) Eu recebo erros quando […]

Não é possível acessar a instância React (this) dentro do manipulador de events

Estou escrevendo um componente simples no ES6 (com BabelJS) e funções this.setState não está funcionando. Erros típicos incluem algo como Não é possível ler a propriedade ‘setState’ de undefined ou this.setState não é uma function Você sabe por quê? Aqui está o código: import React from ‘react’ class SomeClass extends React.Component { constructor(props) { super(props) […]