Vue 2到3使用Webpack升级库

mrzz3bfm  于 2023-01-09  发布在  Webpack
关注(0)|答案(1)|浏览(163)

我们正在将内部设计系统从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更改,但我不确定。

5uzkadbs

5uzkadbs1#

当您在Webpack中声明外部依赖项时,您可以选择库类型。
对于vue3,也许module类型可以工作。
语法如下:

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

// or

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

查看更多信息:https://webpack.js.org/configuration/externals/

相关问题