Как заставить такой динамический импорт работать?

Question

[BMaks_N1]

Есть мысль, подгружать данные через await import

допустим есть код:

async downloadData(path) {
	try {
		console.log(path)
		this._settings = await import(/* webpackMode: "eager" */path)
	} catch(err) {
		alert('Ошибка подключения файла! - ' + path)
		console.log(err)
	}

	return this
}

Он не работает, а вот если "path" заменить на строчку, все работает, дело в вебпаке, возможно ли с динамическими импортами реализовать такой метод? В который передаем путь и он грузит что-то. Каким образом указать вебпаку на файлы, которые возможно будут подгружены в этом методе? возможно ли это? Или тянуть обычным fetch?

Comments

[BMaks_N1]

В программе планируется использовать несколько возможных сценариев, все они известны, хранятся в разных файликах .js по идее можно было бы их сразу вебпаком в 1 бандл собрать, и таким образом переключать, чтоб кучу запросов каждый раз не делать на сервер. Или тогда запустить скрипт, который бы собрал все сценарии в массив, и массив закинуть таким импортом, а потом уже разбираться что нужно, но как то, не очень красиво

Answer 1

[Alex]

Динамические импорты, когда вы передаёте туда переменную, имеют много нюансов. Советую почитать:
https://webpack.js.org/api/module-methods/#dynamic...
https://medium.com/front-end-weekly/webpack-and-dy...