Question

我有一个非常特殊的项目配置，并且不确定是否以正确的方式进行操作。

我需要使用自定义主机来实现Web应用程序（也就是说，浏览器组件已集成到具有某些插件支持的本地应用程序中…… a Spotify ）；我将WebPack用作捆绑程序，将Vue用作UI框架。

我要实现的目标是动态导入主机应在运行时解析的外部模块。

在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抱怨说他无法解析外部模块。

我尝试在WebPack配置中使用externals设置，但似乎无法正确导出。

我必须使用哪种WebPack配置？

使用webpack导入延迟模块

0 个答案: