使用npm包管理器安装时,b-tooltip css无法正常工作

Question

我目前正致力于制作一个类似于Github的贡献图的组件,并努力将其作为npm包分享.

vue-contribution-graph使用npm打包的组件不会正确显示工具提示.b-tooltip组件的CSS 正在处理原始项目,但似乎没有在打包的组件中正确包含.实际上,在运行之后npm i vue-contribution-graph,工具提示背景不会出现.

我创建了一个GitHub问题只是为了让它更清晰:https://github.com/estelled/vue-contribution-graph/issues/4

手动安装所有依赖项后,行为保持不变.

我按照本教程进行了npm打包.

文件已更改为打包组件:

1. package.json
2. 添加了一个vue.config.js文件,在包中包含CSS

我如何解决它？

Answer 1

我的猜测是，通过 npm 安装时它不起作用，因为 CSS 文件的路径错误。但是，当vue-contribution-graph独立运行该包时，它们是正确的。

查看您的 后demo.html，看起来它需要一个丢失的文件：./vue-contribution-graph.css。您是否尝试过将extract: falseCSS 设置为自动包含在捆绑包中？