发布的 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>