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


React Lazy - Оптимизация размера пакета
Динамическая загрузка фрагментов кода с учетом маршрутов приложения для уменьшения размера пакета и повышения производительности. Почему В ваше приложение постоянно добавляются новые страницы, что приводит к новым дополнениям к кодовой базе, то есть к компонентам, контейнерам и т. Д. По мере того, как в ваше приложение добавляется все больше и больше компонентов, очевидно, что размер окончательного пакета, вероятно, увеличится, до такой степени, что это начинает влиять на..
Webpack 101: руководство для начинающих по настройке и оптимизации ваших веб-проектов
Webpack — это мощный инструмент, который может помочь вам упростить процесс разработки ваших веб-проектов. С помощью webpack вы можете управлять ресурсами вашего проекта, такими как таблицы стилей, изображения и файлы JavaScript, и оптимизировать их. В этой статье мы рассмотрим, как начать работу с webpack, включая базовую настройку и некоторые из наиболее распространенных применений этого инструмента. Во-первых, вам нужно установить веб-пакет, выполнив следующую команду в своем..

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

Фрагменты загрузки GWT после запуска приложения
Я создаю приложение в GWT и недавно реализовал там разделение кода. Я уменьшил размер приложения с 1,1 МБ до 570 КБ, что неплохо, поэтому время запуска приложения теперь быстрее (мы используем специальный сервер, где 500 КБ действительно имеют...
108 просмотров
java code-splitting gwt
schedule 04.04.2022
Разделение кода React Router Webpack 2 — использование getChildRoutes()
Когда я перехожу к /home , у меня появляется навигационная панель, на которой отображается домашний значок, сведения о, настройки и т. д. Компонент, который отображает эту навигационную панель, находится внутри HomeContainer . Основываясь на...
208 просмотров
webpack react-router code-splitting webpack-2
schedule 20.08.2022
Импорт динамического пути для отложенной загрузки компонентов с помощью react-loadable
Я создаю приложение с помощью create-react-app и лениво загружаю компонент с помощью react-loadable. Я хочу импортировать динамические пути для объекта загрузчика или функции Loadable модуля react-loadble. Код: const LoadableComponent = path...
4211 просмотров
reactjs lazy-loading code-splitting react-loadable
schedule 04.01.2023
[Webpack] [React] В SSR с разделением кода, как я могу получить список фрагментов, необходимых для страницы?
У меня есть приложение React с отлично работающим SSR и разделением кода Webpack. Мой webpack.config.js выглядит так: const webpack = require('webpack'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const...
919 просмотров
webpack reactjs server-side-rendering code-splitting
schedule 12.04.2022
Динамический импорт именованный экспорт с использованием Webpack
Используя webpack, если я хочу разбить код всего модуля, я могу изменить import Module from 'module' вверху моего файла, чтобы import('module').then(Module => {... когда мне нужно использовать модуль ( docs ). Возможно ли это...
4600 просмотров
webpack javascript code-splitting
schedule 31.12.2021
Разделение базового кода маршрутизатора React (получить первый фрагмент, а затем получить другие фрагменты асинхронно в фоновом режиме)
Я использую create-react-app . Я хочу разделить базовый код реакции-маршрутизатора, но я хочу получить первый фрагмент, который пользователь открывает в браузере, а затем асинхронно получать другие фрагменты в фоновом режиме. Маршруты const...
894 просмотров
reactjs create-react-app react-router-dom code-splitting code-splitting-async
schedule 28.07.2022
Как отключить разделение кода webpack 4?
Я использую веб-пакет 4.43.0. Как предотвратить разделение кода в веб-пакете? Все эти файлы создаются - 0.bundle.js до 11.bundle.js (наряду с ожидаемым bundle.js ), когда я запускаю webpack . Вот моя конфигурация веб-пакета: /*...
3507 просмотров
webpack javascript webpack-4 code-splitting
schedule 05.09.2022
Разделение кода React — загрузка другого компонента после начальной страницы
Я только что реализовал разделение кода на основе маршрутизатора (ленивую загрузку) в своем приложении. Насколько я знаю, когда реализована ленивая загрузка, пользователь, посещающий страницу, будет загружать только определенный фрагмент всего пакета...
41 просмотров
reactjs javascript optimization lazy-loading code-splitting
schedule 20.10.2023
Как получить некэшированные версии кода, разделяющего файлы .js, с помощью vue.js и webpack?
Итак, у меня в приложении установлен Vue.js (с использованием vue-cli и webpack). Все отлично работает. Кроме того, я реализовал разделение кода, чтобы мне не приходилось загружать неиспользуемые компоненты до тех пор, пока они не потребуются. Все...
40 просмотров
webpack vue.js code-splitting
schedule 27.05.2024