Articles of babeljs

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

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