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


Разделение кода в веб-пакете с динамическим импортом
С появлением таких сборщиков пакетов, как webpack, общая тенденция заключается в объединении всего JS-кода в один bundle.js файл. По мере расширения возможностей приложения размер bundle.js файла быстро увеличивается с простых КБ до МБ. Это отрицательно сказывается на производительности веб-страницы, поскольку теперь пользователю приходится ждать загрузки гигантского bundle.js файла, прежде чем он сможет взаимодействовать со страницей. Большая часть этого кода может даже не..
📦 React-Imported-Компонент v6
React-import-component v6 - это первая библиотека для разделения кода с открытым API хуков , а также первая, совместимая с Create-React-App , благодаря babel поддержка макросов . Корабль упакован всем, что вам может понадобиться: расширенным, а также простым API, поддержкой рендеринга на стороне сервера , оптимизацией загрузки и может справиться с любым случаем. Вот сравнительная таблица: Готовый? Прыгай! theKashey / react-import-component Он..
Коляска для разделения кода
Разделение кода. Разделение кода везде. Но почему? Просто потому, что сейчас слишком много javascript и не все они используются одновременно. JS - это очень тяжелая вещь. Не для вашего iPhone Xs или нового ноутбука i9, а для миллионов (возможно, миллиардов) владельцев более медленных устройств. Или, по крайней мере, на часы. Итак - JS - это плохо, но что произойдет, если мы просто отключим его - проблема исчезнет ... для некоторых сайтов и исчезнет «с сайтами» для сайтов..
Настоящая мощь плагина Webpack 4 SplitChunks
Если вы читали отличную статью Hemal Patel о Mysterious SplitChunks Plugin , вы, вероятно, задавали себе тот же вопрос, что и я. Как включить оптимизацию разделения кода splitChunks.chunks «все» в мой проект? SplitChunks находит модули, которые являются общими для разных фрагментов, и разбивает их на отдельные фрагменты, чтобы уменьшить дублирование или отделить модули поставщика от модулей приложения. SplitChunks принимает 3 возможных значения: «начальное»,..
Как мы сделали наш сайт в 2,5 раза быстрее с помощью загружаемых компонентов
Создание подключения к сети 3G в 34 провинциях Индонезии Dana Cita - финтех-стартап из Индонезии, специализирующийся на студенческих ссудах. Мы финансируем студентов для получения высшего образования и сотрудничаем со школами программирования, такими как Hacktiv8 , Purwadhika Startup and Coding School и Algoritma . Мы начали свою деятельность в 2017 году, и сейчас мы работаем в 164 школах по всей Индонезии. Зачем нам нужен более быстрый веб-сайт? Когда мы впервые..
Прагматичное разделение кода с помощью Preact и Webpack
Разделение кода делает ваш пакет привлекательным и привлекательным Я предполагаю, что вы знали, что такое расщепление кода, или слышали об этом. Что бы это ни было, я покажу вам, как вы тоже можете это сделать! Хорошо, давай сделаем это быстро! Сделай это! 👶 Плагин Babel, который делает это возможным // babel.config.js module.exports = { plugins: ["@babel/plugin-syntax-dynamic-import"] } Разделение кода достигается с помощью стандартного синтаксиса JS..
ПРОСТОЕ руководство по разделению кода JavaScript с помощью ES5 и ES6 — импорт, экспорт, требование
Мне потребовалось много времени, чтобы понять эту тему, и я бы хотел, чтобы кто-то написал подобное руководство, когда я учился. Так вот! ES6 — импорт и экспорт ES6 в основном используется во фронтенд-разработке. Я использовал его в React. Он не поддерживается (из коробки) в Node.JS. Есть два способа установить экспорт в ES6 — «экспорт по умолчанию» и «экспорт с именем». Экспорт по умолчанию Экспорт по умолчанию объявляется следующим образом: export default SomeThing ...