Описание тега webpack-module-federation

3 ответа

Федерация модулей Webpack. Неудовлетворенная версия 11.xx общего одноэлементного модуля @angular/common (требуется ^7.2.0)

Я пытаюсь заставить мое довольно сложное монолитное приложение работать с Module Federation. Конфигурация моего веб-пакета выглядит так plugins: [ new ModuleFederationPlugin({ remotes: { "mfe1": "mfe1@http://localhost:3000/remoteEntry.js", }, shared…
2 ответа

Как федерация модулей выбирает, какую версию зависимости использовать?

Я играл с этим примером объединения модулей , где настройка относительно проста - хост потребляет модуль с удаленного компьютера с общей зависимостью реакции. При запуске этого локально я заметил, что, несмотря на то, что и хост, и удаленный компьют…
1 ответ

Утилита отложенной загрузки в React

Я хочу запустить JS-функцию из модуля, который загружается асинхронно (который предоставляется федерацией модулей), и использовать возвращаемое значение в компоненте React. Например, установка видимости некоторого элемента по значению функции, возвр…
2 ответа

WP5 Module Federation: совместное использование глубокого импорта

Скажем, у меня есть следующая настройка федерации модулей: new ModuleFederationPlugin({ name: 'shell', filename: 'shellDefinition.js', shared: { 'my-shared-lib': { singleton: true, eager: true, requiredVersion: '^1.0.0' } }, }) Это позволяет мне под…
1 ответ

Как избежать усложнения конфигурации из-за объединения модулей?

Глядя на новую федерацию модулей, доступную в webpack 5, это фантастически работает в сценариях разработки, но приводит к конфигурации, подобной приведенному ниже примеру. Есть ли лучший способ справиться с этим? webpack.config.js const searchSource…
2 ответа

Приложение федерации модулей ReactJS и Webpack содержит URL-адреса с неопределенным значением при развертывании в облачной среде

У меня есть приложение с микро-интерфейсом, которое состоит из приложения-контейнера с несколькими удаленными приложениями. Он использует ReactJS с федерацией модулей Webpack 5 и отлично работает в моей локальной среде. Однако когда я развертываю ег…
1 ответ

Мокинг интегрированных модулей в хост-приложении для шутки

Фактически, вопрос здесь тот же, но имеет другой контекст: как имитировать не установленный пакет npm в шутку? Я участвую в проекте, в котором используется новая федерация модулей из webpack. По сути, у меня есть хост-приложение, и оно использует уд…
3 ответа

Федерация угловых модулей - общий доступ к удаленному компоненту

Я использую angular 11 с федерацией модулей webpack 5. В планах выставить компонент из пультов. exposes: { "component": ".//src/app/app.component.ts" } при импорте import {component} из "mfe @ component" Я получаю сообщение об ошибке сборки "не могу…
24 фев '21 в 10:06
2 ответа

Невозможно импортировать компонент с помощью material-ui через федерацию модулей webpack

Простой POC, где у нас есть приложение для реагирования host_ui как хозяин и material_components как пульт. material_ui выставляет компонент NavBar. import React from 'react'; import AppBar from '@material-ui/core/AppBar'; import Toolbar from '@mate…
1 ответ

Модульная федерация - webpack считывает неправильные версии зависимостей из package.json

Внутри моей настройки Module Federation у меня есть хост-приложение, которое использует несколько удаленных приложений. Все они разделяют зависимости angular framework как синглтоны. Это файл хоста webpack.config.json: new ModuleFederationPlugin({ r…
0 ответов

Часовая поддержка в модульной федерации

Webpack недавно выпустил федерацию модулей. Используя этот плагин, можно легко развернуть несколько веб-приложений (которые могут быть связаны или не связаны с фреймворком) на одной веб-странице. Хотя это замечательно, теперь невозможно отслеживать …
2 ответа

Встряхивание дерева общих зависимостей в федерации модулей webpack 5

Я работаю над архитектурой для динамической панели мониторинга с компонентами, полученными из разных пакетов удаленного реагирования с использованием федерации модулей webpack 5. У меня есть разные библиотеки, которые используются в некоторых из эти…
4 ответа

Федерация модулей Webpack не работает с нетерпеливыми общими библиотеками

Я изучал функцию объединения модулей Webpack 5, и у меня возникли некоторые проблемы с пониманием того, почему мой код не работает. Идея очень похожа на то, что делают стандартные примеры объединения модулей: - это хост-приложение - это удаленный до…
0 ответов

webpack 5 - как использовать / загрузить внешний CSS?

Я пытаюсь настроить приложение с angular 9 и webpack 5 с федерацией модулей. У меня проблема с использованием некоторых файлов css в качестве глобальных стилей. Я уже добавил правила, но они не применяются должным образом. Вот моя конфигурация, { te…
0 ответов

TypeError: невозможно прочитать свойство 'call' неопределенного в __webpack_require__

Эта ошибка иногда появляется. И иногда приложение работает нормально. Есть предложения, в чем может быть причина этой ошибки? TypeError: Cannot read property 'call' of undefined at __webpack_require__ (bootstrap:21) at fn (hot module replacement:61)…
1 ответ

Module Federation (Неожиданный токен '!==' main.js:619)

Когда я пытаюсь получить удаленный контейнер и показать его компонент на веб-странице, я получил сообщение об ошибке - Unexpected token '!==' main.js:619. Я пытался обновить некоторые пакеты, связанные с webpack, но это не помогло. Была ли у кого-ни…
08 фев '21 в 06:35
0 ответов

процесс развертывания приложения yarn Workspace

Мы используем рабочие области пряжи, и это работает, как ожидалось, для разработки. Это наша структура каталогов Родитель Программы Приложение1 pacakge.json node_modules src Приложение 2 pacakge.json node_modules src Приложение 3 pacakge.json node_m…
1 ответ

Синтаксис удаленного свойства ModuleFederationPlugin

Что делает этот ui: "ui@http://some.external.host/remoteEntry.js" синтаксис означает в ModuleFederationPlugin remotesсвойство. Я понимаю, что элемент пользовательского интерфейса загружается с внешнего хоста, но что делает ui@ перед определением хос…
10 мар '21 в 05:37
1 ответ

Как исправить ошибку объединения модулей при попытке использовать ее в проекте Next.js 10?

Я пытаюсь разработать микрофронтенды в проекте NextJs 10, как описано в https://gist.github.com/jherr/dd10bc34448590a2661a0c6acbcc7e8a/revisions . Но когда я пытаюсь запустить его, как в моем проекте, так и в проекте с примером https://github.com/jh…
2 ответа

Обработка сбоя федерации модулей в хост-приложении

Как мы обрабатываем сбои в приложении реакции хоста, когда приложение, которое динамически загружается с использованием федерации модулей, не работает? Я тестирую сценарий, в котором я купил приложение федерации модулей, и тестирование хост-приложен…
17 мар '21 в 22:36