css - 发布的 vue 组件没有 css (NPM)

Question

这是我第一次将 Vue 组件发布到 NPM，一切正常，除了 CSS 不存在。当我在本地运行它时，一切都按预期工作，但如果我创建一个测试元素，安装 npm 包并导入组件，则没有 CSS。

重现步骤:

• 创建一个新的 Vue 元素
• 运行 npm install elementable-vue
• 将此模板用于 App.vue:https://github.com/sandermaas/elementable-vue/blob/master/src/App.vue
• 将导入(在模板中)更改为 import ElemenTable from 'elementable-vue'
• 运行'npm run serve'

您可以在 https://github.com/sandermaas/elementable-vue 上查看源代码

我不明白为什么这不起作用，所以非常感谢任何帮助。

Answer 1

您还需要在新建元素的 app.vue 中导入您的 css:

<style>
  @import '~elementable-vue/dist/elementable-vue.css';
</style>