我们正在将内部设计系统从Vue 2迁移到Vue 3。由于设计系统安装在Web应用程序中,因此我们自然将Vue设置为设计系统中的对等依赖项。此外,当我们捆绑设计系统时,我们将vue
指定为外部库。这会导致webpack在设计系统中捆绑Vue函数,如图所示
// EXTERNAL MODULE: external "vue"
var external_vue_ = __webpack_require__(748);
...
const _hoisted_1 = (0,external_vue_.createTextVNode)("Actions");
这里的问题是,当设计系统导入到Web应用程序中时,它符合external_vue_
未定义,因为Vue 3.x不再有默认导出。关于如何解决这个问题有什么想法吗?我假设这是一个webpack更改,但我不确定。
1条答案
按热度按时间5uzkadbs1#
当您在Webpack中声明外部依赖项时,您可以选择库类型。
对于
vue3
,也许module
类型可以工作。语法如下:
查看更多信息:https://webpack.js.org/configuration/externals/