Как использовать компоненты MDC в освещенном элементе?

Question

Я пытаюсь использовать mdc-компонент (скажем, mdc-textfield) внутри освещенного элемента. Похоже, мне нужно импортировать файлы css и js в элемент.

Я совершенно не уверен, как импортировать CSS в Lit-элемент.

Кстати я использую polymer serve без каких-либо препроцессоров или компилятора.

Answer 1

Я рекомендую дождаться веб-компонентов компонентов материалов

Но, отвечая на ваш вопрос, чтобы использовать MCD, вам нужно использовать sass, тогда вам понадобится прекомпилятор. После компиляции в CSS вы можете импортировать его в свой компонент:

const anyStyle = html`<style src="path/to/compiled/style.css"></style>`;

Я рекомендую использовать наблюдателя для автоматической сборки файлов sass во время работы polymer serve