【问题标题】:Is it possible to include vuetify in a library bundle?是否可以在库包中包含 vuetify?
【发布时间】:2020-04-03 19:02:48
【问题描述】:

我有两个 Vue 项目,一个是通过 script-tag 注入旧网站的应用程序,第二个项目是一个表单,它使用自己的逻辑和 vuetify 组件。后者也应该在其他项目中使用,并从使用它的地方获取道具。因此它应该被编译为一个库。

如果我将它编译为应用程序,我可以通过全局 JS 变量传输数据,但我想像使用任何其他库一样使用组件。 (只需将其导入并放在<template> 中,如下所示:<MyComponent ..props../>) 如果我将它编译为库,我会得到各种未正确初始化的 vuetify。在我清除它们之后,我的 HTML 看起来完全像我的代码(例如:<v-app>...</v-app>),没有任何错误。 标准安装中的“服务”在组件项目中没有问题。

组件工程用vue create project创建,根据https://cli.vuejs.org/guide/build-targets.html#library修改

我已经在网上搜索了,到目前为止,我关于 vue discord 的问题没有得到解答,所以我的问题是:
1. 这有可能吗?
2. 如果是,请您指点我的方向,或者总结一下我必须做什么?
3. 如果没有,除了将原始代码复制到每个项目中之外,还有其他方法可以实现吗?

【问题讨论】:

  • 最好用您的代码的简化版本来重新表述这个问题,以这个问题为例stackoverflow.com/questions/57291304/…
  • @ellisdod 感谢您的回复,但目前我不确定这是否是我的代码的问题,但如果这种行为是可以实现的,如果是这样,如果我正在尝试正确的方法.您是否暗示这是可行的?因为我在网上没有找到任何关于这个的东西,也许我只是使用了错误的搜索词?毕竟我对 Vue 还是很陌生。我不知道我该如何改写我的问题,如果有不清楚的地方,我可以尝试解释。

标签: vue.js vuetify.js


【解决方案1】:

简短的回答,是的。推荐吗,没有。

最好的方法是将表单组件导出为库,以便可以将其导入其他项目,但排除任何依赖项,如 Vuetify,应单独导入。这避免了版本控制错误。

npm 包装上的 Vue docsarticle 一样有用

【讨论】:

  • 我担心是这种情况。因此,除非有一种方法可以在没有依赖项的情况下捆绑该项目(并在其他项目中导入这些项目),否则我只会复制未捆绑的文件。我会查看您提供的那些链接,即使它没有解决我的问题,我也学到了一些东西。
  • 当然可以不依赖捆绑。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-02-27
  • 2013-12-17
  • 1970-01-01
  • 2013-11-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多