Публикации по теме 'babel'


Безопасное получение атрибутов вложенных объектов.
Проблема Если вы похожи на меня, то одним раздражителем использования javascript является обнаружение отсутствующих ветвей при обходе дерева объекта, эти отсутствующие потомки не возвращают undefined , а вместо этого javascript выдает ошибку, потенциально ломая мое приложение. Чтобы убедиться, что наши функции корректно завершают работу, мы часто вставляем беспорядочные охранники, которые могут выглядеть примерно так. На самом деле, это настолько распространенная проблема, что..
Что такое Babel и его пресет для TypeScript
Вавилон Babel — это компилятор JavaScript для Next Generation. Как вы знаете, JavaScript широко используется в браузере для современных веб-приложений. Существует множество новых технологий и спецификаций, которые используются для разработки приложений JavaScript, таких как ES2015, TypeScript. Но они могут не поддерживаться большинством браузеров, может потребоваться компиляция или применение полифилла, чтобы заставить их работать в большинстве браузеров. Вавилонская предустановка..
TypeScript и Babel - брак, заключенный на небесах
TypeScript потрясающий. Я это! Он обеспечивает эффективную проверку типов в вашей кодовой базе, которая помогает вам быстрее находить ошибки, а также легче формировать контракты и соблюдать их. Не говоря уже об удивительном опыте редактора, который приходит с его внедрением, его поддержка в VS Code простая и быстрая! Непопулярный союз в прошлом TypeScript всегда пользовался растущей пользовательской базой, но все еще есть много разработчиков JavaScript, которые его не приняли...
Использование фрагментов React в Visual Studio Code 2019
О фрагментах React При написании в React вам необходимо иметь родительский элемент, охватывающий ваши HTML-элементы . В результате без использования фрагментов вы завершаете свой HTML-код вокруг тегов <div> ... your HTML ...</div> . Эти теги не только семантически несущественны , но они также раздувают ваше веб-приложение бесполезной разметкой, и, поскольку производительность веб-сайта гибнет от тысячи сокращений, эти дополнительные <div></div> теги могут..
Настройка React + Webpack 4 + Babel 7 с нуля
На прошлой неделе я изучал Webpack 4 и create-react-app . Моей целью было создать простую конфигурацию, которую затем можно было бы развить. Понять Webpack было нелегко. Но благодаря этому руководству «» я могу понять нули и единицы Webpack. ( Примечание : настройка My Webpack находится в конце сообщения.) В последнее время я изучаю React , и я использовал create-react-app , чтобы легко создавать свои проекты React с минимальными усилиями и настройками. Это отличные..
Устранение мертвого кода: намекните uglify-js, что ваша функция чистая
Представьте, что у вас есть код ниже: после прохождения этого кода через uglify-js вы получите следующий код: uglify-js выполнит удаление мертвого кода, то есть удалит код, который не повлияет на результаты программы. Поскольку мы определили a и b в функции foo , и мы не используем a и b в foo , uglify-js безопасно удаляет его из углифицированного кода. Однако, если вы видите из урезанного кода, foobar() сохраняется. Это связано с тем, что вызов foobar может..
Как строится Вавилон
Введение Babel — это инструмент Node.js для использования JavaScript следующего поколения. В этой статье объясняется, как Babel предназначен для решения этой проблемы, на основе исходных кодов основной ветки за ноябрь 2019 года. Как устроен Вавилон? babel-loader принадлежит проекту webpack, которого нет в репозитории Babel. Слой фреймворка Общие компиляторы Есть acorn, @babel/parser (babylon), flow, traceur, typescript, uglify-js и т.д. AST этих компиляторов почти..