Описание тега code-splitting-async

0 ответов

Асинхронное разбиение кода в Webpack на основе маршрутов загружает все фрагменты всех маршрутов.

Я включил чанкинг на основе маршрутов в своем приложении реакции. Я использовал require.ensure require.ensure([], function(require) { require('./Component1'); }); Мое приложение содержит два маршрута / home и / pro Вот мой route.js const React = req…
0 ответов

React Router v4 и loadable-компоненты всегда отображают один и тот же компонент, даже если маршрут совпадает с другим

У меня есть стандартное приложение React-Redux с реактивным маршрутизатором v4, webpack 4, и я пытаюсь выполнить отложенную загрузку компонентов через библиотеку loadable-components, чтобы webpack мог создавать фрагменты и загружать их по требованию…
0 ответов

React-Loadable пропускает рендеринг "Загрузка компонента"

Я пытаюсь сделать разделение кода в реакции маршрутизатора v4 с использованием реагирующей загрузки. Я намерен добиться того, чтобы не заменять текущий вид загружаемым компонентом, а сохранять то, что отображается в данный момент. и изменять состоян…
0 ответов

Реакция универсального компонента выдает ошибку при подключении к хранилищу

Ошибки возникают при попытке посетить /article/post..., Вот фрагмент кода Routes.js, где предположительно происходит ошибка. Полная трассировка стека ошибок находится на https://pastebin.com/M0pCULPj. Полный репозиторий находится на https://github.c…
1 ответ

React Загружаемый файл сопоставления JSON с компонентами, на которые ссылаются из нескольких мест

Я использую React Loadable для разделения кода моих компонентов, но проблема в том, что на определенные компоненты ссылаются из разных мест. Например, у меня есть этот компонент CarsModule, на который ссылаются в нескольких областях, как это: const …
0 ответов

Как использовать nprogress с разделением кода vuejs?

Привет, я новичок в vuejs и хочу использовать nprogress с функциями разделения кода vuejs. В принципе я хочу прогресс при использовании навигации по страницам. Требуется показать прогресс до тех пор, пока обещание компонента не разрешится Пожалуйста…
07 май '18 в 07:23
1 ответ

Как заставить реагирующий маршрутизатор заменить компонент только после асинхронной загрузки соответствующего маршрута?

Так вот ситуация - когда Link по щелчку запускается панель nprogress, и я хочу, чтобы реагирующий маршрутизатор заменил текущий компонент только соответствующим маршрутом, как только будет завершена загрузка асинхронно... как в Instagram... Но я тол…
0 ответов

Разделение кода в Webpack с использованием Typescript при использовании модулей классов

Я довольно много искал и, возможно, мой Google-фу подвел меня, но я не могу найти ответ на следующее: Мы используем модули с классами TypeScript в них, и все работает нормально, пока я не попытаюсь реализовать разбиение кода в веб-пакете. Если у мен…
2 ответа

Разделение кода на основе маршрутов в Webpack уменьшило размер моего пакета, но увеличило размер фрагмента

Размер моего пакета был около 2 МБ без сжатия и 400 КБ сжатых Этот пакет был создан с использованием веб- пакета 1.15.0. И кинопленка такая Это вывод Webpackanalyzer Затем я обновил webpack до 2.6.1 и включил разбиение кода и переместил все сторонни…
1 ответ

Реакт-код-расщепление не работает

После прочтения этого поста я попытался использовать ответное разбиение кода, чтобы разделить свой пакет JavaScript. Webpack Version: 3.10.10 PageRouter.js import Async from "react-code-splitting"; import React from "react"; // import Home from "pag…
0 ответов

Разделение кода в Webpack с отложенной загрузкой

У меня есть модульная система с разделением кода и отложенной загрузкой и динамическим импортом. Каждый модуль представляет собой репозиторий git, и они импортируются в оболочку (оболочка, в которой отображаются модули). Я хочу развернуть один модул…
0 ответов

Webpack генерирует неверный путь. Какой-то путь к пустому, так что он загружается только на стороне клиента response-loadable.json

Если я соберу все стили в один файл и разделю только javascript, он будет работать отлично. Эта проблема возникает только тогда, когда я пытаюсь разделить CSS. Я установил ленивую загрузку для маршрутов и некоторых компонентов, которые требуют тяжел…
1 ответ

Почему Webpack генерирует 2 блока на динамический импорт ()?

Я начал использовать некоторые динамические import() заявления вроде так import(/* webpackChunkName: "chart" */'./Chart') проблема в том, что Webpack генерирует 2 новых блока для этого: chart.js (который почти пуст) и vendors~chart.js (который на са…
0 ответов

Реактивное обновление контекста не вызывает повторного рендеринга компонента

Я создаю решение для разделения кода для реагирующего приложения с использованием реагирующего маршрутизатора, веб-пакета и динамического импорта. Идея состоит в том, чтобы отобразить все маршруты и соответствующие компоненты в разные контексты прил…
0 ответов

Разделение фрагментов без динамической загрузки их во время выполнения

Итак, чего я пытаюсь достичь - это написать точку входа в Webpack, где некоторые модули импортируются и выводятся в именованных чанках. Дело в том, что по некоторым причинам, связанным с клиентами, мне нужно подавить ленивую загрузку модуля во время…
1 ответ

NoneWebpack publicPath - использовать разные URL для повторного использования пакетов

Учитывая следующий сценарий. Сборка webpack, производящая 3 пакета, и CI, публикующий их в CDN, вот так (каждый идентификатор сборки создает новую папку): www.cdn.com/1/application.js www.cdn.com/1/chunk-a.js www.cdn.com/1/chunk-b.js Теперь предполо…
1 ответ

Отдельные пакеты образуют динамически импортируемые модули узлов

У меня есть следующая конфигурация в конфигурации веб-пакета для разделенных кусков. Это отлично создает два поставщика пакетов (модули узлов, которые были импортированы в исходные файлы) и общие (модули узлов, которые были импортированы в компонент…
1 ответ

Реагировать на разделение кода интерфейса динамического импорта машинописного текста

Есть ли способ использовать динамический импорт ("путь") для экспортированного интерфейса?
14 янв '20 в 19:29
2 ответа

Реагировать на разделение базового кода маршрутизатора (получить первый фрагмент, а затем асинхронно получить другие фрагменты в фоновом режиме)

Я использую приложение create-response-app. Я хочу выполнить разделение базового кода маршрутизатора, но я хочу получить первый фрагмент, который пользователь открывает в браузере, а затем асинхронно получить другие фрагменты в фоновом режиме Маршру…
0 ответов

Динамическое связывание - настоящая модульность с React в продакшене

Модули React отлично работают до сборки - после этого, конечно, все файлы компилируются в один огромный файл JavaScript. Можно ли использовать динамическое связывание, как в C# или C++? Мы так устали Разделение кода Reacy. Ленивый Разделение кода на…