如何在lit element中使用MDC组件？

Question

我正在尝试在点亮元素中使用 mdc 组件（例如 mdc-textfield）。看起来我必须将 css 和 js 文件导入到元素中。

我很不确定如何将 css 导入到 lit-element 中。

顺便说一句，我在没有任何预处理器或编译器的情况下使用polymer serve。

Answer 1

我建议等待Material Component Web Components

但回答你的问题，要使用 MCD，你需要使用 sass，然后你将需要一个预编译器。编译为 CSS 后，您可以将其导入到您的组件中：

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

我建议在运行时使用观察程序自动构建 sass 文件polymer serve