具有公共库的多个 VueJS TypeScript 项目

Multiple VueJS TypeScript projects with a common library

我正在用 TypeScript 构建两个 VueJS 应用程序,一个是供 public 使用的客户端,另一个是我唯一可以用来编辑客户端上显示的数据的管理工具。我正在使用 vue-cli 和 运行ning 一个简单的 npm 运行 来构建和测试我的应用程序。

我正在复制大量代码,我想将我的打字稿模型和服务文件移动到两个项目都可以访问的公共库,但我似乎不知道如何设置它向上。我只在网上看到了几个 TypeScript 通用库示例,但其中 none 符合我的确切情况,我似乎无法将它们翻译成 VueJS 世界。

我不想走 NPM 包路线,因为对于这么简单的事情来说,这似乎有点矫枉过正。

在这种情况下,我建议遵循 Occam 的剃刀并研究重新架构,而不是为两个应用程序创建一个公共库(如您所说,npm 包太过分了)。将您的管理应用程序构建到 public 客户端中,但将其保存在秘密凭据后面,甚至只能通过只有您知道的路由访问。

我能够使用 this persons blog post 拼凑出一个解决方案。不过,我花了很长时间才弄清楚如何管理它。

我遇到的一个问题是这个人在他们的 chainWebpack 配置中使用 config.plugin('html) 调用的方式,因为我的文件布局与他们的不一样。我现在正式拥有 2 个 vuejs typescript 项目与第三个 typescript 项目共享引用,而无需构建 NPM 包。