Включить внешние CSS в библиотеку Angular - PullRequest
Новая
       18

Включить внешние CSS в библиотеку Angular

0 голосов
/ 30 марта 2020

Я создаю библиотеку Angular, которая должна использовать tippy. js. По сути, я создаю оболочку из этого. Я знаю, что пакеты для этого уже существуют, но я делаю это для целей обучения.

На данный момент директива действительно проста: 

import { Directive, ElementRef, OnInit } from '@angular/core';
import tippy from 'tippy.js';

import 'tippy.js/dist/tippy.css';

@Directive({
  selector: '[tooltip]'
})
export class TooltipDirective implements OnInit {

  constructor(private _element: ElementRef) { }

  public ngOnInit(): void {
    tippy(this._element.nativeElement, { content: this._element.nativeElement.getAttribute('tooltip'), arrow: true });
  }

}

Это работает, но проблема в том, что я не понимаю стиль подсказки. Я думаю, что ссылка на него через import, как это не путь к go Обратите внимание, что у меня есть разные компоненты в библиотеке, все они включены в разные модули, и я бы хотел, чтобы CSS из tippy. js импортировался только тогда, когда я импортирую модуль, содержащий мою директиву.

I не знаю, где и как я должен импортировать мой CSS в чистом виде.

Любые советы?

...