У меня очень специфическая конфигурация проекта, и я не уверен, правильно ли я это делаю.
Мне нужно реализовать веб-приложение с пользовательским хостом (то естькомпонент браузера встроен в собственное приложение с поддержкой некоторых плагинов ... a la Spotify );Я использую WebPack в качестве компоновщика и Vue в качестве инфраструктуры пользовательского интерфейса.
Я пытаюсь динамически импортировать внешний модуль, который хост должен разрешить во время выполнения.
В Vueкомпонент У меня есть что-то вроде:
<template>
<div>
<button v-on:click="sendTest">Send</button>
</div>
</template>
<script scoped>
import { ExternalClass } from "./services/external_module";
export default {
data() {
return { };
},
methods: {
test() {
// Do something with ExternalClass
}
}
};
</script>
Где ./services/external_module
- это внешний модуль.
Теперь я не уверен, что это актуально, но я также хотел бы использоватьфункция IntelliSense (я использую VS Code);Для этого я написал файл декларации TypeScript (.d.ts
), и с точки зрения IDE он работает как шарм.
Но в этот момент WebPack жалуется, что не может разрешить внешний модуль.
Я пытался использовать настройки externals
в конфигурации WebPack, но, похоже, он не экспортируется правильно.
Какую конфигурацию WebPack мне нужно использовать?