Блог

У меня есть файл, опубликованный как библиотека umd с динамическим импортом, который создает список избранных виджетов на основе параметров конфигурации. Все это отлично работает в том смысле, что основные файлы js и файлы js виджетов публикуются, когда я запускаю библиотеку напрямую. Когда я импортирую библиотеку в другой проект. Он пытается указать путь, по которому импортируется виджет, на основе корневого URL-адреса проекта, а не на основе URL-адреса umd. Есть ли способ заставить динамический импорт основываться на абсолютном пути библиотеки? Я не смог найти в комментариях к магии ничего, что могло бы помочь.

Моим вторым вариантом было бы просто опубликовать каждый из виджетов в качестве отдельной библиотеки, а затем выполнить веб-пакет для импорта, который, я думаю, должен работать

вывод конфигурации webpack:

 output: {
      publicPath: "",
      path: require("path").resolve("publish/__dist"),
      filename: "[name].js",
      library: {
        name: "widget-container",
        type: "umd",
        umdNamedDefine: true,
      },
    },
 

импорт в библиотеку:

 import(/* webpackChunkName: "widgets/widget" */ `../widgets/${b.slug}/js/widget.js`)