удаленный модуль динамического импорта webpack 4

Question

Я реализую библиотеку в es6, которая должна загрузить некоторые модули из удаленного места назначения. Я хочу поддержать сценарий, когда сама библиотека размещается в домене a.com , но при этом необходимо иметь возможность динамически загружать некоторые модули из домена b.com

Я использую Webpack 4. Я думал об использовании динамического импорта а-ля:

import(moduleSpecifier)
.then((module) => { //do something with module } );

К сожалению, это работает только в том случае, если библиотека и модуль размещены в одном домене.

Кто-нибудь знает, какова будет лучшая стратегия в этом случае?

Answer 1

Пока нет лучшей стратегии для этого случая. Поскольку webpack в первую очередь рассматривается как система связок, он не предоставляет параметр для настройки динамического импорта по частям.

Тем не менее, существуют решения, такие как share loader или даже простые запросы на выборку, которые могут оценить связанный код JavaScript, например в этом примере :

(взято из примера кода)

 fetch(appUrl).then(response => 
   response.text()).then(function(text) {
   /* eslint-disable no-unused-vars */
   let define = (fn) => fn();
   /* eslint-disable no-eval */
   let importedModule = eval(text);
 });

Ограничение таких решений состоит в том, что они требуют, чтобы импортированный JavaScript был связан отдельно.