vue.js - 具有 vuetify 依赖项的 Vue 库

Question

我需要制作一个可重用的可打包的vue组件并将其上传到npm以供我自己在不同的项目中使用。我还使用 vuetify 来设置样式。我正在使用 vue-cli-service 构建它。

当我使用 npm runserve (使用 vue cli)测试组件时，它可以工作，但是一旦我将其转译并在其他库中使用它，就无法正常工作。

我需要知道是否有任何方法可以使用 vuetify 依赖项创建 vue 库。

项目代码沙箱:

https://codesandbox.io/s/optimistic-glade-j9icu?file=/package.json

代码沙箱来测试转译库

https://codesandbox.io/s/fast-pond-cs6l9?file=/src/plugins/vuetify.js

存储库:

https://github.com/Tauromachian/v-number-stepper.git

任何信息都会有帮助，我使用了 vue-cli-service，因为它似乎是最简单的选择，但我愿意更改为 rollup 或 webpack。

Answer 1

我编写了一个可公开使用的 NPM 包，它扩展了 Vuetify ( see v-stripe-elements on npm )。我还写了a detailed series of blog posts on how to do it yourself包括如何设置开发环境、如何使用 TypeScript 以及如何发布。还提供:

• demo on Codepen
• source on GitHub
• Blank project template on GitHub

希望这将启动您的开发过程!我认为仅项目模板就可以为您节省大量时间和精力。