时间戳

首页 > 解决方案 > 如何在 lit 元素中使用 MDC 组件？

mdc-components - 如何在 lit 元素中使用 MDC 组件？

问题描述

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

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

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

标签： mdc-componentslit-elementlit-html

解决方案

我建议等待Material Component Web Components

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

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

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

推荐阅读