Articles of babeljs

Webpack babel 6 ES6 decoradores

Eu tenho um projeto escrito em ES6 com o webpack como meu bundler. A maioria dos transpiling funciona bem, mas quando tento include decoradores em qualquer lugar, recebo este erro: Decorators are not supported yet in 6.x pending proposal update. Eu examinei o rastreador de problemas do babel e não consegui encontrar nada nele, então […]

Não é possível usar as funções de seta dentro da class de componente de reação

Eu comecei um projeto onde eu uso React JS para o front-end um nó js no backend. Eu usei o Webpack para agrupar arquivos JS. Eu usei babel junto com outras coisas necessárias. Sempre que eu uso as funções de seta dentro de uma class de reação, ocorre um erro de syntax. Como a compilation […]

Por que a instância de não trabalhar em instâncias de Subclasss de Erros no nó babel?

Eu estou vendo que o operador instanceof não funciona em instâncias de subclasss de Error , ao executar sob babel-node versão 6.1.18 / nó versão 5.1.0 no OS X. Por que isso? O mesmo código funciona bem no navegador, tente meu violino para um exemplo. O código a seguir é true no navegador, enquanto no […]

Existe alguma analogia de uma linha no ES6 para o ES5 `module.exports = require (‘./ inner.js’)`?

// before module.exports = require(‘./inner.js’); // nowadays export default from ‘./inner.js’; Eu estou tentando fazer isso, mas babel só o permite em es7 fase 1 como é proposta por agora . Então, por enquanto, fico com essas duas linhas: import sticker from ‘./box-sticker.jsx’; export default sticker; Posso reduzi-los para um?

Não é possível exigir o valor de exportação padrão () no Babel 6.x

No Babel 5.x, posso escrever o seguinte código: app.js export default function (){} index.js require(‘babel/register’); require(‘./app’)(); Então, posso executar o node index.js sem erros. No entanto, usando o Babel 6.x, executando o seguinte código index.es6.js require(‘babel-core/register’); require(‘./app’)(); resulta em um erro requer (…) não é uma function Eu quero saber porque?

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