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


Микрофронтенды в JavaScript
Что такое микрофронтенд? Он расширяет концепции микросервисов до внешнего интерфейса. Текущая тенденция заключается в создании многофункционального и мощного браузерного приложения, также известного как одностраничное приложение, которое находится поверх архитектуры микросервисов. Со временем внешний слой, часто разрабатываемый отдельной командой, разрастается, и его становится сложнее поддерживать. Какую проблему пытается решить? Микрофронтенды — это хороший способ разбить ваш..
Первые шаги к полету с Webpack
Webpack - это сборщик модулей для современных JavaScript-приложений, простой в настройке и очень дружелюбный. В этой статье я рассказал о некоторых концепциях, которые, как мне кажется, вам необходимо знать перед началом работы. Итак, начнем! Давайте подумаем одну секунду Как я уже сказал, webpack - это «сборщик» . Компоновщики берут ресурсы и преобразуют их в формат, подходящий для использования браузером пользователя . Этот процесс объединения становится одной из самых..
Импорт глобальных библиотек в Vue CLI (The Clean Way)
Если вы работаете с Vue CLI и пытаетесь импортировать глобальные библиотеки JS / CSS, вы не одиноки. Некоторые решения говорят вам просто добавить пакет с оператором require или оператором @import. Это нормально, но есть время и место для использования оператора @import во Vue , и импорт глобальной библиотеки CSS не входит в их число. Вместо этого давайте использовать оператор ES6 import . … [T] вот и время, и место для использования оператора @import во Vue, и импорт..
Разделение кода и фрагменты приложений Frontend с помощью Webpack
Мы живем в эпоху, когда у нас есть телефоны, которые работают быстрее, чем компьютеры прошлых эпох, у нас есть соединения 4G, которые быстрее, чем широкополосная связь в прошлом. Но мы до сих пор не получили спасения от уродливого пользовательского опыта медленных веб-сайтов, от большого количества времени загрузки страниц, которые кричат ​​разработчикам о том, что ваш сайт недостаточно быстр. У менеджеров по продукту есть нескончаемое желание отправить как можно больше функций конечному..
Webpack и Babel - что это такое и как их использовать с React.
Запуск нового проекта - это не то, что мы делаем часто, по сравнению с тем, сколько времени мы тратим на проекты, которые мы уже начали. Возможно, именно это заставляет меня часто упускать из виду конфигурацию, которая заключается в превращении чистого листа в проволочный каркас того, что вы хотите. Запуск проекта React, вероятно, является одним из самых простых способов настройки, которые вы могли бы получить благодаря отличному инструменту create-react-app . Но, используя его для..
Создавайте интерфейсы Micro в NextJS и ReactJS с помощью Webpack 5 Module Federation.
Введение Микро интерфейсы Рассмотрим приложение, которое представляет собой набор функций. Разработчики обычно должны быть знакомы с различными функциями. Идея Micro Frontends состоит в том, чтобы разбить монолитное приложение на части, чтобы отдельные команды могли разрабатывать и развертывать функции или страницы независимо друг от друга. Эта идея дает следующие преимущества. С точки зрения разработки, критическая ошибка в микрофронтендах не приведет к полной поломке..
Микрофронтенды: какой фреймворк использовать?
В последние несколько лет я помогал многим клиентам и компаниям перейти на Микрофронтендс . Мы всегда начинаем с известного вопроса: Какой фреймворк использовать? . Что ж, я проходил через этот процесс много раз и до сих пор останавливаюсь на этом вопросе. Проблема в том, что каждые несколько недель мы получаем новые фреймворки. В прошлом единственным доступным подходом был выбор серверной композиции . С NPM у нас появились Композиции времени сборки . Недавно, с развитием..