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



我正在用TypeScript构建两个VueJS应用程序,一个是供公众使用的客户端,另一个是管理工具,我只能用它来编辑客户端上显示的数据。我正在使用vue-cli并运行一个简单的npm run服务来构建和测试我的应用程序。

我复制了很多代码,我想把我的typescript模型和服务文件移动到一个共同的库,可以由两个项目访问,但我似乎不知道如何设置这个。我在网上只看到了几个TypeScript常用库的例子,但没有一个符合我的确切情况,我似乎无法将它们转换到VueJS世界。

我宁愿不走NPM包路线,因为对于这么简单的东西来说,这似乎有点小题大做。

我能够使用这个人的博客帖子拼凑出一个解决方案。我花了很长时间才弄明白如何管理它。

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

在这种情况下,我建议遵循Occam's Razor,重新审视架构,而不是仅仅为两个应用程序创建一个公共库(正如你所说的,一个npm包是多余的)。将您的admin应用程序构建到公共客户端,但要将其隐藏在秘密凭据之后,甚至只能从只有您知道的路由访问。

最新更新