Описание тега webpack-splitchunks

Используйте его для ответов на вопросы о конфигурации optimisation.splitChunks.
0 ответов

Крупные связки в производстве

Выполнение этого с использованием веб-пакета 4 в рабочей среде со следующим конфигом: splitChunks: { cacheGroups: { commons: { name: 'commons', chunks: 'initial' }, vendor: { test: /node_modules/, chunks: 'initial', name: 'vendor', priority: 10, enf…
1 ответ

Плагин Webpack SplitChunks - почему установка приоритета чанка делает его инициализацию асинхронной?

У меня проблемы с пониманием поведения плагина Webpack splitChunks. Я работаю над переписыванием старых скриптов на существующем сайте в компоненты и использованием Webpack для объединения. Связки просто JS, большинство загружается в конце тела. Но…
0 ответов

Как динамически разделить по каталогам с помощью плагина Webpack/SplitChunks?

Я пытаюсь разделить код React (созданный с помощью create-реагировать-приложение) с помощью плагина splitChunks следующим образом: У меня есть следующие компоненты (JSX) структура: СервисыserviceAComponentA1 ComponentA2 пОДПАПКАComponentA3 ... servi…
1 ответ

Webpack 4 SplitChunksPlugin - Общие зависимости в динамическом импорте

Я использую динамический импорт с Webpack, согласно документации: https://webpack.js.org/guides/code-splitting/ Очень простой пример (не фактический код): // main.js import('./moduleA).then((moduleA) => { moduleA.init(); }); import('./moduleB).th…
0 ответов

Ограничить количество кусков в Webpack 4

Я разделяю свое одностраничное приложение с помощью динамического импорта. Я хочу, чтобы все они были объединены в один дополнительный файл, отличный от основного пакета. Что означает, я бы в конечном итоге что-то вроде: app.e82eb13a2342391fab679.js…
01 дек '18 в 21:20
1 ответ

HOWTO управлять пакетами webpack4

То, что кажется простым, мне не подходит... Я пытаюсь создать три отдельных пакета: (1) node-vendors- [hash].bundle.js: комплект материалов из node_modules (2) vendor-config-[hash].bundle.js: комплект всех сценариев, предоставленных поставщиками, мы…
11 окт '18 в 11:12
2 ответа

Как иметь несколько кусков, но один файл JS, который загружает их

Я пытаюсь настроить Webpack, в настоящее время не использующий dev-сервер, и мое приложение обслуживается бэкэндом Python, имеющим index.html. Я пытаюсь использовать SplitChunksPlugin, чтобы я мог иметь несколько чанков (приложение, поставщик, время…
0 ответов

Один кусок для набора маршрутов в разделении кода реакции

React, React-router v4. Пытаясь разделить код, у меня есть много маршрутов, и я хотел бы сделать 2 фрагмента, один для маршрута начальной загрузки домашней страницы и другой фрагмент для остальных маршрутов. Как объединить несколько маршрутов в один…
1 ответ

Webpack 4 splitChunks генерирует несколько CSS

Я пытаюсь сгенерировать несколько CSS, используя webpack 4 min-css-extract-plugin и плагин splitChunks. Вот мой конфиг вебпака. const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const path = require("path"); module.exports = [{ entry:…
06 сен '18 в 10:38
0 ответов

Повторное использование точки входа с помощью SplitChunksPlugin

Я пытаюсь перенести старый проект из Webpack 3 в Webpack 4, но у меня возникают проблемы при переносе через наш CommonChunkPlugin логика для нового optimization.splitChunks, Мы используем entryPoints вручную разделить пачку на несколько кусочков. Вс…
0 ответов

Как переименовать общий блок поставщика, разделенный между точками входа?

У меня есть настройка Webpack, чтобы разделить мои куски между распространенными поставщиками и различными точками входа. Пока все работает отлично, за исключением одной проблемы, которую я не могу решить - переименование определенного чанка поставщ…
14 фев '19 в 16:53
1 ответ

Разделение фрагментов - проблема с регулярным выражением (js)?

Я пытаюсь разделить мои файлы сборки в моем webpack.config.js файл, но мой vendors файл не создается вообще. Остальные node_modulesкоторые не react или же moment файлы попадают в main.js, Пример файла, который входит в main.js является ./node_module…
1 ответ

Распакуйте js файлы, получите еще один файл

Когда я использую webpack 4 для разделения js-файлов, я получаю каталог dist, содержащий: app.js, vendor.js и еще один js-файл vendor~app.js, как и почему это происходит? Вот эти файлы: и это мой конфиг веб-пакета: const path = require('path'); cons…
03 окт '18 в 08:42
1 ответ

Как создать несколько модулей вендора с splitChunks

У меня есть приложение с admin а также frontend модуль. Среда администрирования имеет единственную точку входа реагирующего маршрутизатора, и я не слишком беспокоюсь о том, чтобы разделить ее здесь. Передний конец нуждается в порции. Каждый подход, …
11 янв '19 в 10:28
0 ответов

Webpack v4 - Миграция с CommonsChunkPlugin на SplitChunksPlugin

Я с трудом пытаюсь понять, как перенести настройки Webpack с v3 на v4 с помощью SplitChunksPlugin. Способ, которым я настроил это раньше, был таким: webpack.mix.js ... entry: { main: mainJsEntry, }, plugins: [ new webpack.optimize.CommonsChunkPlugin…
28 дек '18 в 17:54
0 ответов

Настройка Webpack для создания пакетов для групп страниц в Next JS

Мы создаем довольно большое приложение с несколькими страницами. Эти страницы могут быть разделены на несколько отдельных групп страниц, которые имеют много общих зависимостей, которые не используются страницами в других группах. Если бы я набросал …
18 фев '19 в 18:18
1 ответ

Как наилучшим образом оптимизировать начальную загрузку страницы для реакции веб-приложения с изображениями, особенно для мобильных устройств?

У меня есть довольно сложное веб-приложение, написанное на React/Redux и веб-пакет для компиляции. Его целевая страница состоит из 2 изображений и основного модуля приложения. Все остальные модули загружаются в зависимости от того, что хочет сделать…
0 ответов

Реагировать на Rails по умолчанию css не загружается при использовании плагина Split chunks

Я разрабатываю приложение реакции на рельсы с помощью веб-пакета. Я использую плагин split chunks из веб-пакета, чтобы переместить реагирующий домен в общий пакет. Моя конфигурация плагина разделенных чанков: cacheGroups: { commons: { test: /[\\/]no…
1 ответ

Webpack разделить на части все в одном файле

У меня есть большое приложение, и я хочу разделить его. В настоящее время у меня есть эта структура: application.js < entry point Messages.js < application.js inner module SystemSetup.js < application.js inner module /node_modules/react.js …
05 ноя '18 в 11:55
0 ответов

Запретить веб-пакет повторно использовать код между точками входа в cachedGroups

Я надеюсь, что кто-то может помочь мне. Мой проект использует реаги и веб-пакет. При рендеринге на стороне сервера (поем реагирующая для.net) я использую веб-пакет для создания моего CSS. В ssr я могу определить, какой тэг css загрузить, через разны…