Публикации по теме 'babeljs'
Понимание компиляции JSX в VueJS
В мире JavaScript вы можете увидеть множество фреймворков, каждая из которых имеет свой собственный синтаксис при создании веб-приложений, который некоторые поставщики браузеров еще не реализовали.
Тем не менее, код, который мы пишем с использованием этих фреймворков, работает нормально. Все это происходит за счет синтаксического анализа нашего кода и создания функций рендеринга, которые обслуживаются виртуальными библиотеками DOM, такими как snabbdom.
Во время создания функции..
Шутка с Babel Hello World
Предпосылка
* babel-jest * @babel/preset-env * @babel/plugin-proposal-class-properties
npm install jest babel-jest @babel/preset-env @babel/plugin-proposal-class-properties
babel.config.json
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-proposal-class-properties"]
}
package.json
{
"name": "jest-hello-world",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "jest"
},
"author": "",
"license":..
Итерация символов эмодзи в стиле ES6
Допустим, мы хотим написать функцию, которая превращает строку в массив символов. Попробуем написать это:
Простой. И что отображает этот console.log?
[ 'R', 'o', 'b', 'i', 'n', ' ', 'H', 'o', 'o', 'd' ]
Хороший! Но поддерживает ли он Unicode? Давайте попробуем строку с символами иврита:
А также…
[ 'R', 'o', 'b', 'i', 'n', ' ', 'H', 'o', 'ו', 'ו', 'd' ]
Да! Я могу перебирать символы в Юникоде. Конец истории, все работает! Я так счастлив, я хочу попробовать это со..
Более чистое решение для условных выражений и циклов в JSX с использованием Babel 6
Более чистое решение для условных выражений и циклов в JSX с использованием Babel 6
JSX быстро становится немного беспорядочным при вложении условных выражений или выполнении циклов. Одно из решений - разбить его на несколько функций или компонентов, но иногда это просто усложняет отслеживание;
<div>
{condition1 ?
[
(condition2 ?
[
<span></span>,
'My name is ' + name + '!',
<span></span>
]..
Улучшение поддержки Babel для TypeScript с помощью импорта «только типа»
Вы решили, что собираетесь использовать Babel и писать исходный код на TypeScript. Но что происходит, когда вы разделяете типы TS через границы модуля? Как Babel должен обрабатывать этот импорт и экспорт?
Давайте кратко рассмотрим, как Babel и TypeScript работают вместе.
TypeScript делает две вещи:
Добавляет статическую проверку типа в код, который вы обычно писали бы как JavaScript. Транспортирует код TS + JS во множество разновидностей JS.
Вавилонский также делает вторую..
Вопросы по теме 'babeljs'
Почему мой класс по умолчанию не импортируется в ES6?
Я впервые работаю с babel-loader внутри webpack, и я тоже новичок в ES6. Я пытаюсь экспортировать базовый класс из одного файла и импортировать его в другой. Экспорт и импорт до сих пор работали нормально во всем моем файле, и я впервые столкнулся с...
737 просмотров
schedule
12.10.2023
Интеграция React в поток сборки с транспиляцией модулей с помощью Babel
В настоящее время у меня проблемы с транспиляцией модуля с помощью babel.
когда я переношу код в модули AMD с помощью babel, я могу заставить его работать в браузере, включив библиотеку requirejs. Но когда я пытаюсь ввести реакцию в это уравнение,...
162 просмотров
schedule
12.12.2023
Ошибка Babel: значение JSX должно быть либо выражением, либо текстом JSX в кавычках
Я получаю сообщение об ошибке от Babel при попытке скомпилировать мой код JSX в JS. Я новичок, чтобы реагировать, поэтому извиняюсь, если это очевидная проблема, я не смог найти ничего об этом, что казалось бы связанным. Я пытаюсь использовать...
41389 просмотров
schedule
25.10.2023
Как отлаживать транспилированный код babelJS с помощью инспектора узлов?
Я пытаюсь использовать инспектор узлов для отладки приложения nodeJS , работающего с babel-node .
babel-node index.js --debug
Инспектор узлов работает, но показывает исходные карты в транспилированном es5 вместо es6.
10327 просмотров
schedule
28.12.2023
В чем разница между этими методами импорта ES6?
В чем разница между этими методами импорта?
Способ 1:
import {sum, pi} from "lib/math";
Способ 2:
import exp, {pi, e} from "lib/mathplusplus";
Документы es2015 показали эти два примера, и я не могу понять назначение фигурных...
760 просмотров
schedule
30.01.2024
Задачи Browserify и Babel gulp
Я хочу использовать и Browserify, и Babel с моим JavaScript. Для этого я создал задачу gulp
gulp.task('babel', function() {
return gulp.src('_babel/*.js')
.pipe(browserify({ insertGlobals : true }))
.pipe(babel({ presets:...
3775 просмотров
schedule
10.09.2022
Как создать экземпляр объекта с транспилированным кодом ES6 в Express?
Я уверен, что упускаю что-то очень простое, но я не могу создавать объекты, используя свой код узла. Я использую webpack и Babel 6 для переноса. Пытаюсь учиться, следуя этим инструкциям:...
688 просмотров
schedule
09.11.2023
Оператор распространения в React Native вызывает ошибку «Неожиданный токен» с мокко
Я начинаю проект React Native и хочу использовать ECMAScript 2015 для своего кода и мокко для модульных тестов. Я установил babel-register , babel-preset-es2015 и babel-preset-stage-2 и добавил это в файл package.json моего проекта:...
2372 просмотров
schedule
21.03.2024
Асинхронная функция не поднимается в Babel 6
Попытка скомпилировать этот фрагмент кода в Babel 6
function A() {
return async function B() {
some.thing = C;
async function C() {}
}
}
async function C должен быть поднят, верно? И это происходит на сайт...
112 просмотров
schedule
23.08.2022
Typescript 1.8 - импорт ES2015 в файлы js
Я хотел бы начать использовать Typescript в существующем проекте Babel. Моя цель — иметь возможность добавлять машинописный текст в процесс сборки с минимальными изменениями существующего кода. По этой причине я решил связать машинописный текст...
1010 просмотров
schedule
06.07.2022
Nodemon говорит, что перезапустил мой сервер, но это не так.
Я использую nodemon для перезапуска своего сервера node express при смене источников. Когда я что-то меняю, nodemon правильно определяет измененный файл и требует перезапустить сервер:
[nodemon] restarting due to changes...
Однако,...
558 просмотров
schedule
03.02.2024
Преобразование только JSX
Поддержка ES6 улучшается ( https://kangax.github.io/compat-table/es6/ ), и следующая версия Chrome, похоже, поддерживает больше, чем может Babel.
Как можно было бы изменить цепочку инструментов, чтобы преобразовать только JSX. Прямо сейчас Babel...
177 просмотров
schedule
05.02.2024
Невозможно импортировать Express с Babel и Webpack
Я использую webpack и babel для создания приложения с использованием синтаксиса ES6. Проблема в том, что я не могу импортировать express .
(Примечание: я могу импортировать (и требовать) модуль узла «путь», больше не проверял)
Вот мое...
2934 просмотров
schedule
17.11.2023
Эслинт работает только над одним возвышенным текстовым проектом?
Я продублировал файлы проектов .eslintrc и package.json , и только первый проект подвергается линтингу. Второй проект не показывает никаких ошибок.
Я использую sublime-linter с модом eslint.
Я установил одинаковый синтаксис в обоих...
197 просмотров
schedule
29.02.2024
Исходные карты машинописного текста с использованием командной строки Babel
Я пытаюсь заставить Babel создавать исходные карты при запуске из командной строки. документы Babel , касающиеся исходных карт, похоже, больше ориентированы на рабочий процесс gulp, и я не уверен как это переводится в командную строку.
Я...
2315 просмотров
schedule
25.04.2024
Повторное использование кода ES2016 между приложениями Aurelia
Работая над несколькими приложениями Aurelia , мы пришли к тому, что нам нужно использовать общий код между этими приложениями.
Код для совместного использования — это не то, что мы (фактически наш клиент) хотели бы иметь в открытом доступе....
154 просмотров
schedule
09.10.2023
ReferenceError: regeneratorRuntime не определен (но работает внутри области)
Я столкнулся с этим странным явлением:
ReferenceError: regeneratorRuntime is not defined
... который мне удалось воспроизвести в очень минимальной настройке (по сравнению с аналогичными вопросами SO по той же проблеме), а также заметил некоторое...
31066 просмотров
schedule
02.02.2024
Babel не уважает опцию игнорирования API
Учитывая следующие минимальные package.json :
{
"babel": {
"presets": ["es2015"],
"ignore": [
"b",
"c",
"node_modules"
]
},
"devDependencies": {
"babel-cli": "^6.8.0",
"babel-preset-es2015": "^6.6.0"...
187 просмотров
schedule
25.11.2023
Неотловленное нарушение инварианта в компоненте рендеринга React
Я переместил свою систему сборки с веб-пакета на gulp, потому что устал от попыток отлаживать веб-пакет, и эта ошибка появилась, когда я запустил систему сборки gulp и загрузил React на стороне клиента. В результате ни один из моих компонентов не...
647 просмотров
schedule
15.03.2024
Что мне нужно изменить в SailsJS router.js, чтобы загружать маршруты из файла React-Router?
Что мне нужно изменить в моем файле config/routes.js , чтобы он использовал файлы modules/router , написанные для внешнего интерфейса React?
файл config/routes.js:
module.exports: {}
модуль /router.js:
import React from 'react'
import...
372 просмотров
schedule
02.03.2024