Vue 2 到 3 使用 webpack 升级库答案

【问题标题】：Vue 2 to 3 upgrading a library with webpackVue 2 到 3 使用 webpack 升级库
【发布时间】：2023-01-07 04:28:50
【问题描述】：

我们正在为我们的内部设计系统从 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】：

当你在 webpack 中声明一个外部依赖时，你可以选择库类型。

这是语法：

module.exports = {
  //...
  externals: {
    vue: 'commonjs vue',
  },
};

【讨论】：