Vue CLI 可以为 Vue 3 构建一个库吗？
2021-08-26
918
我想使用 Vue CLI 构建一个 Vue 库。该项目更喜欢构建的库，而不是完全构建的应用程序。库构建可以，但不能与 Vue 3 结合使用。让我详细说明一下……
首先创建一个简单的 Vue 3 应用程序。类似命令
vue create
的构建。然后使用以下命令构建库：
vue build App.vue -t lib
这会生成一些编译文件，其中一个是
App.umd.js
。当使用 Vue 2 和以下初始化代码时，它可以正常工作。
<body>
<div id="app">
<demo></demo>
</div>
<script src="https://unpkg.com/vue@2"></script>
<script src="./dist/App.umd.js"></script>
<script>
new Vue({
components: {
demo: App
}
}).$mount('#app')
</script>
</body>
但是当使用 Vue 3 和以下初始化代码时，将导致 JavaScript 错误。
<body>
<div id="app">
<demo></demo>
</div>
<script src="https://unpkg.com/vue@3"></script>
<script src="./dist/App.umd.js"></script>
<script>
Vue.createApp({
components: {
demo: App
}
}).mount('#app')
</script>
</body>
JavaScript 错误为：
Uncaught TypeError: Cannot read property '_c' of undefined
at Proxy.render (App.vue?19ce:1)
我假设 Vue CLI 应该能够为 Vue 3 构建一个库。这可以实现吗？
我使用 @vue/cli 4.5.13，这是本文撰写时的最新版本。
2个回答
我假设您在 Vue 2 和 Vue 3 应用程序中使用相同的 Vue 2 库。因此，当您尝试在 Vue 2 应用程序中使用 Vue 2 库时，它可以正常工作，但是当您尝试在 Vue 3 应用程序中使用 Vue 2 库时，它却不起作用？
Vue 3 与 Vue 2 不反向兼容，这就是原因所在。
您需要使用 Vue 3 构建库才能在 Vue 3 应用程序中使用它。
2021-08-26
Vue SFC rollup 软件包 可以让你做到这一点
Ejiro Asiuwhu
2022-05-18