Пакетные стили в Vue Plugin без компонента

Question

Мой вопрос

Прежде чем читать дальше, под словом «без компонента» я имею в виду, что моему плагину не требуется компонент, поскольку нет шаблона, это просто пользовательская директива Vue, которая служит оболочкой для class. Однако это не означает, что я не хочу использовать компонент для включения необходимых стилей, если этого нельзя избежать ...

Рассмотрим следующий плагин ( предлагаемая структура файла):

src
│   index.js
│   SomeClass.js    
│
└───sass // (not sure about this)
    │   core.scss

• index.js устанавливает плагин Vue и определяет пользовательскую директиву, которая вызывает определенные методы SomeClass class
• SomeClass.js обеспечивает все необходимые функции
• sass/core.scss предоставляет все необходимые стили, необходимые для плагина

Мой вопрос, довольно просто, как мне включить файл core.scss, когда установлен плагин Vue? Или, что будет лучше файловой структуры, таким образом, способ включить стили, необходимые для плагина?

В идеале, я бы хотел избежать использования шаблона, так как HTML не вставлен, мой плагин просто добавляет стили к уже определенным элементам в DOM.

Answer 1

Для любого, кто сталкивался с этим, решение было чрезвычайно простым ... Я просто поместил следующее в верхней части моего index.js:

import './sass/_core.scss';

Я не знал, что вы можете импортировать файлы CSS / SASS непосредственно в файлы Javascript ...