Javascript 如何在Vue插件中要求css文件

我正在使用Vue设计系统，以便在多个Vue应用程序中重用组件和样式

我试图在DS导出中包含一个全局CSS文件，但我无法在应用程序中显示该文件。有什么建议吗

到目前为止，我已经尝试了这个似乎没有加载所需的文件

// Install the above defined components
const System = {
  install(Vue) {
    require("./styles/global.scss") 

    components.forEach(component => Vue.component(component.name, component))
  },
}
export default System

将用作：

import DesignSystem from "@/system"
Vue.use(DesignSystem)

---

我在Vue文档中找不到任何关于使用插件加载CSS的指导原则。

因为Vue插件本质上是一组组件，所以您可以像使用任何其他组件一样捆绑它的CSS。只需将其添加到插件组件的根目录中：

<style lang="scss">
@import "./styles/global.scss";
</style>

@导入“/styles/global.scss”；

由于Vue插件本质上是一组组件，您可以像处理任何其他组件一样捆绑它的CSS。只需将其添加到插件组件的根目录中：

<style lang="scss">
@import "./styles/global.scss";
</style>

@导入“/styles/global.scss”；

哦，这很有道理。但“我的插件组件的根”是什么意思？我只有一些小的原子表示组件，没有根组件。如果你不确定使用情况，你可以到处导入css，webpack将确保只加载一次，这是有意义的。但“我的插件组件的根”是什么意思？我只有一些小的原子表示组件，没有根组件。如果你不确定使用情况，你可以到处导入css，webpack将确保只加载一次