Vue 2到3使用Webpack升级库

mrzz3bfm 于 2023-01-09 发布在 Webpack

关注(0)|答案(1)|浏览(165)

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

webpack

来源：https://stackoverflow.com/questions/72321271/vue-2-to-3-upgrading-a-library-with-webpack

1条答案

按热度按时间

5uzkadbs1#

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

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

// or

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

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

赞(0）回复(0）举报 2023-01-09

我来回答

Vue 2到3使用Webpack升级库

1条答案

相关问题

热门标签

最新问答