Публикации по теме 'webpack'
Используйте исходную карту для декодирования ошибок JS
На веб-сайте lyft.com мы отслеживаем (браузерные) ошибки JavaScript, с которыми сталкиваются наши пользователи. Хотя ошибки на стороне клиента не являются жестким индикатором ошибок, они требуют повторного анализа, когда они повторяются. Для этого мы реализовали Bugsnag бедняка: по сути, мы перехватываем неперехваченные исключения JS, форматируем их в отчеты TraceKit и отправляем их на наш бэкенд на основе Flask (который записывает их в файл, а в наш ELK).
Намерения были хорошие, но..
React Fast Refresh — Новый React Hot Reloader
Полное руководство по использованию React Fast Refresh
Мое путешествие
Создавая демонстрацию на основе приложения Create React для статьи среднего размера, я заметил кое-что неожиданное: когда я редактировал исходный код, мое приложение обновлялось, но мое состояние сохранялось. Я ожидал, что мое состояние будет сброшено, как будто я миллион раз работал над другими проектами. Я был сбит с толку и подумал, что мое приложение на самом деле не перезагружается должным образом. Но когда..
Сборщик модулей Javascript: Webpack (необходимо изучить)
Здесь мы узнаем, как использовать веб-пакет в приложении с пользовательским интерфейсом
📚 Что такое веб-пакет?
Webpack — это бесплатный сборщик модулей с открытым исходным кодом для JavaScript. Он создан в первую очередь для JavaScript, но может преобразовывать интерфейсные ресурсы, такие как HTML, CSS и изображения, если включены соответствующие загрузчики. Webpack берет модули с зависимостями и генерирует статические ресурсы, представляющие эти модули.
📚Как создать..
Настройка реагирования на горячую загрузку - серия Self Note
После того, как я настроил веб-пакеты для управления всеми моими активами. Пришло время мне поработать. На данный момент, каждый раз, когда я вношу какие-либо изменения в код, мне нужно обновлять веб-браузер, чтобы увидеть изменения в действии. Это особенно раздражает, когда я нахожусь на очень интенсивной стадии разработки, поэтому функция, называемая горячей загрузкой, является ответом. Сегодня я расскажу, как настроить эту функцию.
Шаг 1
Поскольку я использую экспресс для..
Как настроить отдельную рабочую среду и среду разработки imba.js с горячей перезагрузкой
TLDR;
git clone https://github.com/dipsywong98/imba-template и следуйте ридми
Почему имба
Мой друг Daniel Cheung поделился со мной информационным бюллетенем на imba , в котором говорилось, что imba использует запомненный dom, который позволяет скорость рендеринга намного быстрее, чем Vue и React, которые используют виртуальный dom: https://medium .freecodecamp.org/the-virtual-dom-is-slow-meet-the-memoized-dom-bb19f546cc52
Поскольку я вижу, что imba выглядит мощно, а..
Slick Lazy Load Photo Grid с помощью Webpack 3
Начиная
Если у вас еще не установлен Node.js , то это должно быть первым делом. Перейдите на Node.js и позаботьтесь об этом.
Перейдите к корню проекта в вашем CLI , таком как Терминал , Cygwin или PowersShell .
Введите npm init , чтобы в интерактивном режиме создать файл package.json . Пока можно принять параметры по умолчанию. Метаданные в этом файле могут быть обновлены позже по мере необходимости.
npm init
Теперь в корне проекта должен существовать файл..
Разделение Monolith Laravel + VueJS на Backend и Frontend с помощью Webpack5
Мы в Trengo решили разделить архитектуру Monolith на Backend и Frontend, и я имел честь сделать это. Конечно, это зависит от потенциала проекта, я считаю, что полезно знать, как мы обнаружили кроличьи норы и как вы можете их решить. Меня зовут Нима, и добро пожаловать в мой блог.
Проблема
Вы и структура вашей команды должны работать над архитектурой Monolith, Backend Frontend или Microfrontend и т. д. Я не буду объяснять плюсы и минусы, но если вы решили разделить свой Laravel +..
