Как запросить файл css в плагине Vue

Question

Я использую Vue Design System для повторного использования компонентов и стилей в нескольких Vue приложениях.

Я пытаюсь включить глобальный CSS файл в экспорт DS, но я не могу не получить это, чтобы показать в приложении. Какие-нибудь советы ?

Пока я пробовал это, которое, кажется, не загружает требуемый файл.

// 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 с помощью плагина.

Answer 1

Поскольку плагин Vue, по сути, представляет собой набор компонентов, вы можете связать его CSS, как и с любым другим компонентом. Просто добавьте его в root вашего компонента плагина:

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