Можно ли как то подгрузить модули по url?

Question

[frontendo]

Хотелось бы иметь такую конструкцию

import('https://site.com/module.js').then(function(module) {
// ...
})

Comments

[Сергей delphinpro]

в чем смысл сего?

[frontendo]

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

[Сергей delphinpro]

frontendo, нужно упоминать пользователя, к которому вы обращаетесь, чтобы ему пришло уведомление, вот так: @dpr. Иначе ваш комментарий рискует остаться непрочитанным и без ответа.

Если у вас есть модули, которые не нужно пересобирать, т.е. какие-то завершенные решения, вы можете оформить их в виде npm-пакета, опубликовать в npm (или поднять локальный npm-репозиторий) и подключать в проект как любые другие сторонние пакеты.

[frontendo]

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

[Сергей delphinpro]

frontendo, ну при подходе "в лоб" конечно не решает. Вы настройте отдельную сборку вендоров посредством связки DLLPlugin/DLLReferencePlugin

Answer 1

[frontendo]

решением стало использование https://www.npmjs.com/package/little-loader

Answer 2

[Олег]

Почитайте статью про document.createElement(tag)

Создаёте тэг <script>, браузер сам грузит скрипт, в конце тела подгружаемого скрипта зарегистрируйте переменную, а на самой странице, куда грузите, периодически спрашивайте наличие этой переменной, если она зарегистрирована - значит скрипт загрузился и далее выполняете то, что вам хотелось.

Comments

[Сергей delphinpro]

К чему этот колхоз? Webpack умеет динамически подключать модули:

const myModule = () => import('./myModule');

Вся кухня загрузки будет скрыта от ваших глаз, и не нужно париться по этому поводу. Но автору всё равно не это нужно.

Answer 3

[Vitsliputsli]

А в чем именно проблема? В webpack есть import/export, есть еще и require.
Синтаксис разве что другой, что-то вроде (лучше уточните в документации):
https://site.com/module.js: export function module module() { ... }
И загрузка:
import {module} from "https://site.com/module.js"