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

Разделение кода - это альтернатива большим пакетам, в которых JavaScript разбивается на более мелкие части.
0 ответов

Как я могу экспортировать различные компоненты из библиотеки с помощью реагирующей загрузки

Я хочу добиться чего-то вроде этого: Loadable({ loader: () => import('react-bootstrap') }) и затем я хочу экспортировать определенные компоненты внутри, такие как Grid, Row, Col, которые обычно импортируются следующим образом: import { Grid, Row,…
13 авг '18 в 11:49
1 ответ

Разделение кода в Webpack - Автоматически загружать все чанки, запрашивая один чанк?

Я использую Webpack 4.x и имею следующее в моей конфигурации: splitChunks: { chunks: 'all', }, runtimeChunk: true Это приводит к трем частям в моем проекте: app.prod.js 1.app.prod.js 2.app.prod.js Я хотел бы загрузить все три сценария, используя тол…
0 ответов

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

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

Как обрабатывать развертывания с разделением кода в Webpack?

Вот неожиданная проблема, с которой я столкнулся при расщеплении кода в Webpack: представьте себе этот сценарий: Пользователь загружает приложение React с разбивкой кода в Webpack и загружает несколько пакетов Развертывание происходит, и содержимое …
1 ответ

Разделение кода с помощью Webpack

Мое текущее описание маршрута выглядит следующим образом для одного из моих маршрутов: <Route path='auth' component = {AuthenticateContainer} onEnter = {checkAuth}/> Чтобы разделить код для маршрутов, я считаю, что код может выглядеть так: &lt…
27 сен '16 в 21:16
1 ответ

React/webpack условно возвращает компонент require.ensure (разбиение кода)

У меня есть подкомпонент, который не нужно загружать сразу, который я хочу выделить. Я пытаюсь условно загрузить компонент реагирования через require.ensure, Я не получаю никаких ошибок консоли, но я также не вижу ничего загружаемого. Вот код, котор…
30 янв '17 в 16:37
1 ответ

Webpack 2 Split Polyfills в собственный пакет

Я пытаюсь использовать require.ensure заставить Webpack 2 создавать отдельные пакеты, содержащие полифилы для старых браузеров. Я понял, что следующий код вызовет новый пакет whatwgFetch быть созданным и загруженным: require.ensure([], (require) =&g…
18 янв '17 в 23:24
1 ответ

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

Мои маршруты отображаются с помощью JSX. Я использую webpack для объединения вещей, и я хотел бы разбить выходной файл js на куски в соответствии с маршрутами. Я пробовал require.ensure, но webpack ничего не разделяет. В конце он генерирует только о…
14 ноя '16 в 14:08
1 ответ

React Router 4 + Разделение кода | Компоненты перемонтируются

У меня есть следующий код: import React from 'react' import Loadable from 'react-loadable' import { Route } from 'react-router-dom' class App extends React.Component { state = { kappa: false } componentDidMount() { setTimeout(() => { setState({ k…
0 ответов

Перед загрузкой проверьте, есть ли чанк

Фон У меня есть приложение на стороне сервера, и разделение кода выполняется с помощью react-loadable Используя react-loadable "s webpack плагин, я могу знать, какие куски необходимы для страницы, и впоследствии может отправить их вместе со средой …
17 фев '19 в 12:03
0 ответов

Navigation-native-web ssr и разбиение кода

Что было бы лучшим подходом для использования общего API для работы через веб и мобильное приложение с использованием Reaction-native-Web. Есть ли какие-либо рекомендуемые appraoch или пример репо, на который я могу сослаться? Я хотел иметь ssr и ра…
0 ответов

Веб-пакет, включающий экспорт по умолчанию при использовании только члена

Webpack, кажется, включает в себя некоторый дополнительный код вместо чанкинга, может быть, я не понимаю import правильно? import {detector as d1} from './summernote'; class Detector { loadModules() { // assume d1() returns false d1() ? System.impor…
01 июн '17 в 22:36
1 ответ

Разделение компонентов React на отдельные файлы без явного импорта

Я собираюсь написать приложение React на основе Ruby Sinatra. Файл main.js отображает приложение: import React from 'react'; import ReactDOM from 'react-dom'; import Galery from './components/Galery' ReactDOM.render( <Galery />, document.getEl…
06 ноя '17 в 13:15
1 ответ

Горячий пакет промежуточного ПО

Я пытаюсь использовать разделение кода Webpack. Все выглядит так, как будто работает хорошо, веб-пакет корректно разделяет код, зависимости, как и ожидалось. За исключением того, что я не могу заставить его работать с горячей заменой модуля. Я успеш…
1 ответ

Есть ли в gulp разделение кода для файлов javascript?

Я использую gulp и хочу узнать, есть ли у него возможности для разделения кода. Нечто похожее на то, что упоминается здесь, на сайте веб-пакета. Я смотрел онлайн, но не видел ничего посвященного этому.
23 сен '16 в 16:03
0 ответов

Угловой 1,5 - встряхивание дерева с веб-пакет и Babel 6

Я использую Angular 1.5 с Express в очень старом проекте. Теперь мне нужно обновить его (не перестраивать). Я добавил некоторые оптимизации веб-пакетов и перенес их на клиентское приложение для рендеринга угловых приложений и разделения кода сервера…
0 ответов

Webpack require.ensure проверить окончание загрузки

Ленивая загрузка Webpack иногда может привести к появлению пустых экранов или задержке появления компонента, поэтому я хочу хотя бы показать спиннер, чтобы пользователи не думали, что у нас испорченная страница. Может ли потребоваться проверка, заве…
16 авг '17 в 02:45
1 ответ

Разделение кода в Webpack добавляет модуль дважды

Я использую динамическое разбиение кода в веб-пакетах, которое пока работает довольно хорошо. Но у меня есть один модуль (mC) с большой зависимостью, которая требуется от двух других модулей (mA & mB). При разделении кода создаются два пакета с один…
09 фев '18 в 07:45
1 ответ

Быстрее ли упаковщик, если разделение кода включено?

Я обычно программирую в реагирующем или использую webpack. В больших проектах время сборки может быть довольно долгим. В реакции-родной я должен попытаться проверить, react-native unbundle делает приложение быстрее или нет, но вот вопрос: Предполага…
13 сен '17 в 08:28
3 ответа

Реактивно загружаемый импорт из нескольких классов экспортируемых js

Как импортировать из нескольких экспортируемых классов js файл в react-loadable,Я пытаюсь импортировать CustomButton от MyButton.js с помощью react-loadable в Home.js, Это единственный способ, которым я знаю, это не работает. MyButton.js import { Cu…