使用Typescript构建纯Vue组件的最佳方法是什么

我正在使用Typescript、Vue、webpack和lerna构建新项目来管理相关包。 我的项目结构如下：

/packages
    /lib-vue-components
    /lib-ts-components
   /app

lib-vue组件

是可重用的组件，我将在我的应用程序中的任何其他vue组件中使用：即

import {MyComponent} from "lib-vue-components"

@Component({components: MyComponent})
class AppComponent extends Vue {
        ....
        })

我想有两种方法：

不要单独构建lib-vue组件，只需直接使用源代码，并与App-project一起构建所有组件。这是最简单的方法，但不允许将lib-vue组件公开给npm 2） 单独构建lib-vue组件，然后在App-projec中将其用作外部libt。这是最适合我的方式，但我不确定如何构建纯vue+typescript组件库，因为webpack总是向输出包添加大量代码（即它添加了vue本身）

---

你有什么想法吗？在这种情况下，什么方法是最好的？

你最终使用了什么方法？现在我不使用第一种方法。要执行第二种方法，你可能需要将你的lib组件分解成一个完全独立的新项目，并从中创建npm包。除非在其他几个项目中重用组件，否则我看不出这种方法有任何好处。