Question

可以使用lit-scss-loader这样的东西从外部文件加载样式：

import style from './someStyle.scss';

@customElement('some-element')
export class SomeElement extends LitElement {

    static get styles() {
       return [<any>style];
    }

}

但是，我不知道如何从外部文件加载HTML内容。（类似于Angular允许您使用嵌入式HTML或将其从文件中拉出。）

我尝试了以下方法：

import content from './someContent.html';

@customElement('some-element')
export class SomeElement extends LitElement {

    render() {
        return html`<${content}`;
    }
}

是否缺少我想要的Webpack加载程序来实现这种可能性？一种我不知道的方法？

Answer 1

汇总具有以下内容：https://www.npmjs.com/package/rollup-plugin-html

但是，如果您元素的模板只是静态HTML，则我不建议您使用LitElement。即使您不使用它，也要支付加载lit-html的费用。您可以直接使用LitElement的基础基类UpdatingElement：

<InputClaim ClaimTypeReferenceId="policyId" DefaultValue="{Policy:PolicyId}" />

将HTML加载为lit-element中的单独文件

1 个答案: