小编Sha*_*bbY的帖子

如何使用vue-class-component构建es6 vue-component库

我正在尝试使用具有以下要求的vue-class-component和vue-property-decorator在typescript中创建vuejs组件库:

  • 库组件应以类样式的打字稿编写。
  • 库组件应作为es6模块导出,以允许在项目中进行树状交换。

对于库,我使用了最新版本的@ vue / cli来搭建项目。在该库项目中,组件运行正常。

另一方面,该应用程序正在使用webpack-setup,在这里我要使用vue组件。

通常,当我想在es6中构建基于打字稿的库时,我会使用tsc将ts文件转换为es6 js文件。但是按照这种方法,组件不知道模板。有没有一种方法可以将tsc与vue-template-compiler结合使用?

我找到了另一种方法来完成这项工作,但是我对这种方法完全不满意:

我用"vue-cli-service build --target lib --name vue-lib ./src/index.ts" 这样的方式在文档中规定的VUE-CLI-服务将创建一个UMD束和CommonJS的束在这里。在项目中,我可以将组件与//@ts-ignore上面的语句一起使用。所以我失去了声明,并且组件不在es6语法中:/

为了更好地理解我所遇到的问题,我在github上创建了一个最小的示例,您可以在这里找到:

图书馆:https//github.com/Sh4bbY/vue-lib

应用程序:https//github.com/Sh4bbY/vue-project

typescript vue.js vue-component vuejs2 vue-class-components

5
推荐指数
0
解决办法
984
查看次数