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

Question

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

Я совершенно не уверен, как импортировать CSS в подсвеченный элемент.

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

Answer 1

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

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

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

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