Vue组件库，无需打包支持包或编译scss文件

Question

我的任务是弄清楚如何发布我的团队正在开发的组件库。这些组件将被公司内部的各种内部应用程序使用。我有以下限制：

• 该库将作为 npm 包从内部本地使用 存储库。 （这部分我已经想通了）
• 组件应该是 使用 typescript 接口 (*.d.ts) 引用编译为 JavaScript 包内。
• 不应使用第三方包（包括 Vue） 被捆绑进来。相反，最好有依赖的 npm 添加组件时和 npm i 之后添加到项目的包。
• 编译后的 css 包应该包含在包中，但是 需要时应在项目中单独引用。
• 构成组件样式的原始 scss 文件应为 包含在包中，因此它们可以捆绑到项目的 构建期间的现有 scss。

我已经查看了 vue-cli-service build --target lib 来完成此操作，但它似乎将所有内容打包并打包。

我问的可能吗？它是反模式吗？有替代品吗？我不知道从哪里开始。

Answer 1

vue-cli-service build --target lib 的方向是正确的，这正是您所需要的。它将您的条目.vue 文件捆绑为一个组件，然后此捆绑包成为您的package.json 的入口点。它不包含 Vue 库（文档中对此进行了说明），我认为默认情况下它在 dist 文件夹中的单独文件中配置为 extract the CSS。 我希望这会有所帮助。