Публикации по теме 'code-splitting'


Как отключить разделение кода в веб-пакете
Благодаря разделению кода мы можем уменьшить количество килобайт, отправляемых по сети, и потенциально повысить скорость страницы. Разделение кода - это настолько простая в использовании функция, которую следует добавить в каждое одностраничное приложение (если еще не сделали этого). Так зачем отключать разделение кода? Ну, конечно, не надо! Если вы создаете приложения с рендерингом на стороне сервера в React с встроенной поддержкой Разделения кода , некоторые могут использовать..

Введение в вебпак.
Впервые я изучил React на иммерсивном буткемпе. У меня не было огромных знаний о кодировании или даже о том, что такое пакеты, если уж на то пошло. Все, что я знал, это то, что я могу настроить и запустить свое внешнее приложение с помощью create-react-app. Это дало мне основной шаблон, содержащий такие пакеты, как webpack и babel, которые я действительно не понимал. Когда вы находитесь в ограниченном по времени буткемпе, у вас не так много времени, чтобы разобраться в тонкостях..

Оптимизация размеров пакетов одностраничного приложения React в TypeScript
Если вы читаете это, вы, вероятно, написали какое-то одностраничное приложение. Вы, наверное, также знаете, что их размер может быстро выйти из-под контроля. В этой статье мы обсудим, как нам удалось увеличить размер нашего основного бизнеса до клиентского приложения, используя несколько методов, включая оптимизация изображения оптимизация зависимостей дерево трясется разделение кода Приложение Приложение называется Moje VZP (My VZP), и его основная цель - позволить нашим..

Разделение кода с динамическим импортом - Test and Learn
Понимание того, как работает динамический импорт, из простого демонстрационного приложения Разделение кода и динамический импорт - одна из привлекательных особенностей таких инструментов связывания, как Webpack, Parcel и Bazel. С помощью этих функций вы можете разбить код на небольшие части, а затем загружать их по запросу только тогда, когда это необходимо. Это может сократить время загрузки страницы вашего приложения. Но задумывались ли вы когда-нибудь о том, как будут выглядеть..

Знакомство с разделением кода в веб-приложении React
Знакомство с разделением кода в веб-приложении React Нуб знакомится с веб-приложениями, серия 6 В предыдущем эпизоде мы представили маршрутизацию. Приложение начинает иметь структуру: я попытаюсь запустить производственную сборку, чтобы оценить размер кода. $ npm run build Разделение кода Разделение кода вашего приложения может помочь вам лениво загружать только то, что в данный момент необходимо пользователю, что может значительно повысить производительность вашего..

Вопросы по теме 'code-splitting'

Почему у меня не работает разделение кода веб-пакета?
Я использую require.ensure для создания точек разделения на путях react-router . Однако в моем каталоге сборки все еще есть только app.js в дополнение к vendor.js . Я ожидал отдельный файл js для каждого пути, который я использовал...
2045 просмотров

Разделение кода Webpack 2 с рендерингом на стороне сервера и React-Router-v4
Использование webpack2.2.0-rc1 и react routerv4, а также использование этого gist , чтобы разделение кода работало , в котором говорится следующее function asyncComponent(getComponent) { return class AsyncComponent extends React.Component {...
1437 просмотров

Смешайте долгосрочное кэширование и разделение кода в webpack 2
Я пишу веб-приложение javascript, используя webpack 2 в качестве сборщика модулей. Что мне нужно, так это способ смешивания функции долгосрочного кэширования ( https://webpack.js.org/guides/caching/ ) и разделение кода (...
302 просмотров

Разделение кода Webpack добавляет модуль дважды
Я использую динамическое разделение кода веб-пакетов, которое пока работает достаточно хорошо. Но у меня есть один модуль ( mC ) с большой зависимостью, которая требуется от двух других модулей ( mA и mB ). При разделении кода создаются два пакета...
89 просмотров
schedule 08.01.2023

Webpack 4 - создать блок поставщика
В конфигурации webpack 3 я бы использовал приведенный ниже код для создания отдельного блока vendor.js : entry: { client: ['./client.js'], vendor: ['babel-polyfill', 'react', 'react-dom', 'redux'], }, output: { filename:...
105431 просмотров
schedule 13.02.2022

загрузка нескольких ресурсов с реактивной загрузкой не работает
Чтобы повысить производительность сайта, я подумал о том, чтобы код разделил некоторые из моих компонентов, которые мне не нужны при первоначальной сборке. После поиска некоторых вариантов я решил использовать react-loadable . Согласно документам...
685 просмотров