babeljs- все статьи тега


Преобразование кода ES5 в ES6 во время выполнения

Есть возможность использовать babel API для преобразования кода javascript из сценария ecma 5 в сценарий ecma 6? Я имею в виду, допустим, я использую следующий cdn Https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js И предоставить такой источник, как массив или объект с простым кодом ES5, и он преобразует его в некоторый массив / объект / строку кода ES6? Можно ли как-то добиться этого с помощью Вавилона или какого-то другого инструмента? Я хочу привести несколько примеро ...

Используя Узел.js требует против импорта/экспорта ES6

в проекте, над которым я сотрудничаю, у нас есть два варианта, на которых мы можем использовать модульную систему: импорт модулей с помощью require, и экспорт с помощью module.exports и exports.foo. импорт модулей с помощью ES6 import, и экспорт с помощью ES6 export есть ли преимущества использования одного над другим? Есть ли что-нибудь еще, что мы должны знать, если мы будем использовать модули ES6 над узловыми? ...

Как создать исходные карты при использовании babel и webpack?

Я новичок в webpack, и мне нужна помощь в настройке для создания sourcemaps. Я бегу webpack serve из командной строки, которая успешно компилируется. Но мне действительно нужны исходные карты. Это мой webpack.config.js. var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: true, debug: true, devtool: true, entry: [ 'webpack/hot/only-dev-server', './src/components/main.js' ], stats: { color ...

Правильный способ, чтобы импортировать лодашь

у меня была обратная связь с запросом pull ниже, просто интересно, какой способ является правильным способом импорта lodash? вам лучше сделать импорт has из 'lodash / has'.. Для более ранней версии из lodash (v3), который сам по себе довольно тяжелый, мы должны только импортировать специальный модуль / функция вместо импорта всего lodash библиотека. Не уверен в новой версии (v4). import has from 'lodash/has'; vs import { has } from 'lodash'; спасибо ...

Как опубликовать модуль, написанный на ES6 в NPM?

Я собирался опубликовать модуль в NPM, когда я подумал о переписывании его в ES6, чтобы как в будущем, так и узнать ES6. Я использовал Babel для транспилирования в ES5 и запуска тестов. Но я не уверен, как поступить: должен ли я транспилировать и публиковать полученную папку / out в NPM? нужно ли включать папку результатов в репозиторий Github? или я поддерживаю 2 репозитория, один с кодом ES6 + скрипт gulp для Github, а другой с транспилированными результатами + тесты для НПМ? короче говоря: ...

Почему babel переписывает импортированный вызов функции на (0, fn)(...)?

учитывая входной файл, как import { a } from 'b'; function x () { a() } babel скомпилирует его в 'use strict'; var _b = require('b'); function x() { (0, _b.a)(); } но при компиляции в свободном режиме вызове функции выводится как _b.a(); Я сделал некоторые исследования в том, где оператор запятой добавляется в надежде, что был комментарий, объясняющий это. Код, ответственный за его добавление -здесь. ...

Можно ли использовать babel-узел в производстве

Я разрабатывал сайт с использованием babel-node и browserify с преобразованием babelify, чтобы поддерживать синтаксис ES6. мне просто интересно, могу ли я запустить это в производство какbabel-node server, а неnode server какие еще параметры я должен запустить ES6 в узле? вот команды, которые я запускаю для сборки и запуска в разработке // npm run build browserify -t [babelify] client.js > public/js/bundle.js", // npm start babel-node server.js" вот мои зависимости dev "babel": "^4.0.1 ...

Неожиданный импорт токенов Babel при выполнении тестов mocha

решения, предлагаемые в других связанных вопросах, таких как включение соответствующих пресетов (es2015) В.babelrc, уже реализованы в моем проекте. у меня есть два проекта (назовем их A и B), которые оба используют синтаксис модуля ES6. В проекте A я импортирую проект B, который установлен через npm и живет в папке node_modules. Когда я запускаю свой набор тестов для проекта A, я получаю сообщение об ошибке: SyntaxError: неожиданный токен импорт которому предшествует эта якобы ошибочная ...

"Символ" не определен в IE после использования babel

у меня есть reactjs приложение написано с использованием стандартов ES6, и я использую webpack чтобы построить его. Элемент webpack нагрузки js модули с помощью babel-loader. В частности, я использую следующие версии пакетов: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 однако после его создания IE 10 дает следующую ошибку 'Symbol' is undefined. Не должно быть babel предполагается определить Symbol? Есть ли какая-либо конкретная конфигурация для webpack ...

Не может требовать () значение экспорта по умолчанию в Babel 6.икс

В Вавилоне 5.х, я могу написать следующий код: приложение.js export default function (){} .js require('babel/register'); require('./app')(); тогда я могу бежать node index.js без ошибок. Однако, с помощью Babel 6.x, запустив следующий код index.es6.js require('babel-core/register'); require('./app')(); приводит к ошибке require(...) не является функцией Я хочу знать, почему? ...

Отладка с помощью webpack, ES6 и Babel

это похоже на то, что должно было быть относительно просто достичь, но увы. у меня есть класс ES6: 'use strict'; export class BaseModel { constructor(options) { console.log(options); } }; и корневой модуль, который использует его: 'use strict'; import {BaseModel} from './base/model.js'; export let init = function init() { console.log('In Bundle'); new BaseModel({a: 30}); }; моя цель-это: передайте выше через Babel, чтобы получить код ES5 упакуйте модул ...

Каков наилучший способ включить вавилонский полифилл с использованием нескольких точек входа

Я использую конфигурацию webpack, используя несколько точек входа: var fs = require('fs'); var webpack = require('webpack'); var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.[hash].js'); module.exports = { cache: true, entry: { main: './resources/assets/js/main.js', services: './resources/assets/js/services.js' }, output: { path: './public/assets/web/js', filename: '[name].[hash].js', publicPath: '/assets/web/js/', ...

Вавилонская команда не найдена

Я установил инструмент babel-cli, как объяснил Babel 'приступая к работе' страница. из терминала внутри моей папки проекта: npm install --save-dev babel-cli после этого есть каталог node_modules с папкой babel-cli, но нет пакета.JSON созданная. npm также показывает следующую ошибку: npm WARN enoent ENOENT: no such file or directory, open '/Users/MyName/Sites/Tutorials/Babel2/package.json при попытке запустить babel, я получаю это: babel src -d lib -bash: babel: command not found у меня ...