在实体元素中使用带亮元素的CSS

Question

我正在尝试在materialize-css项目中使用lit-element。我所做的是通过npm安装库，然后将其导入组件中。

import { LitElement, html, customElement } from 'lit-element';
import MaterializeStyles from 'materialize-css/sass/materialize.scss'

@customElement('custom-element')
export class CustomElement extends LitElement {
    static get styles() {
        return MaterializeStyles;
    }

    render() {
        return html`
            <a class="waves-effect waves-light btn">button</a>
            <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> -->
        `;
    }
}

我正在使用rollupjs捆绑解决方案，我可以看到在生成的index.js文件中存在样式，但是a标签未设置样式。

如果我取消注释link标签，它将起作用。