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


Приготовьтесь к развертыванию приложения React.js
Приготовьтесь к развертыванию приложения React.js В этой статье я покажу вам, как создать готовое к работе приложение React.js . И я обещаю, что постараюсь сделать это простым. Что мы собираемся сделать, так это сначала запустить сервер Koa , который будет обслуживать статический файл js. Этот файл будет объединен с помощью webpack , который также поможет нам добавить такие вещи, как React.js , Scss , Аккуратный , Изображения и т. д. Как только мы убедимся, что..
Что такое вебпак?
Когда-то был только HTML. HTML был единственным строительным блоком всей сети. Затем появился JavaScript, но его использование было очень простым и минимальным. Вы могли видеть веб-сайты с «ОГРОМНЫМ» пакетом JavaScript: ‹script› alert("Добро пожаловать на мой сайт") ‹/script› Сегодня повсеместно используется не только JavaScript, но и некоторые фреймворки (типа React), где пользователь не получает с сервера никакого HTML-кода (только пустой)! Он получает пакет JavaScript, который..
Решить проблему Hammer.JS в проекте SSR
Рендеринг на стороне сервера, как всегда, тормозит ваши зависимости ... Если вы пытаетесь использовать Hammer.JS в своем проекте рендеринга на стороне сервера (SSR) , как в старые времена, вы получите сообщение об ошибке: ReferenceError: window is not defined . Тем временем вы, вероятно, подумаете: « О! Решить легко. Просто переместите всю логику, связанную с жестами, после первого рендеринга! ». Затем обнаружите, что снова получили это душераздирающее сообщение. Давайте найдем,..
Почему моя горячая замена модуля не работает?
Это короткая драма о моей сегодняшней проблеме с работой Webpack HMR для стороннего проекта. Сегодняшняя ошибка: GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING Немного непонятно. Он пытается сказать, что сервер перестал отвечать как раз тогда, когда HMR ожидал новый фрагмент. Но мой сайт все еще работает. Странный… Первым делом я убедился, что webpack-dev-middleware и webpack-hot-middleware установлены на последних версиях. Они были. Быстрая..
Избегайте использования webpack-md5-hash при долгосрочном кешировании.
В этой статье рекомендуется использовать webpack-md5-hash-plugin для создания детерминированных хэшей. Но это вызывает проблему, когда хеш файла не обновляется. Давайте посмотрим на пример использования Webpack и webpack-md5-hash ( код находится в Github ). Наш файл манифеста содержит содержимое среды выполнения веб-пакета. Он содержит ссылки на другие хэши, сгенерированные во время сборки. Вот как выглядит результат после сборки. Теперь мы меняем содержимое одного из..
Lodash-es и отдельные утилиты Lodash: сравнение размеров
На работе мы используем lodash в наших интерфейсных приложениях. Мы также используем lodash в общих модулях, которые потребляют наши приложения. Иногда наше приложение использует lodash-es , а какой-то модуль использует отдельные утилиты ( lodash.utilityName ), и наоборот. Очевидно, что дублирование кода не является идеальным решением, поэтому нам нужно было выбрать одно или другое. Какой из них приведет к меньшему размеру пакета? Результаты Несмотря на то, что сравнение..
Итоговый блог GSoC для отправки кода
В этом сообщении в блоге я хотел бы подробно задокументировать всю свою работу, проделанную в рамках Google Summer of Code 2018. Это включает ссылки на все сообщения в блогах, репозитории, обсуждения и слияния кода. Огромная благодарность за поддержку со стороны наставников Deven Bansod и Maurício Meneghini Fauth и всего сообщества phpMyAdmin за их предложения и обсуждения. Некоторые важные ссылки: Github: https://github.com/Piyush3079 Домашняя страница phpMyAdmin:..