HtmlImport 注解哪里去了？

Question

我正在尝试包含 this post 中所述的自定义图标。但是我再也找不到 @HtmlImport 注释（流程 V.20）。此注释被广泛使用，如果它已被替换，我希望至少能找到一些文档。

P.S。我也试过@StyleSheet("./styles/iconexp-iconset-svg.html") 有点抱怨：

Couldn't find route for 'styles/iconexp-iconset-svg.html'

Answer 1

Bower 被弃用，取而代之的是 npm，HTML 在 Vaadin 14 中导入支持 ES 模块。我不记得它们是什么时候被删除的，但 Vaadin 20 不再支持它们。

您可以在此处查看迁移说明：https://vaadin.com/docs/v14/guide/upgrading/v10-13/#migration-steps

Answer 2

基于 Jouni 的构建，这里是一个使用 @JsModule 的示例。

(1) 在 JavaScript 文件中定义图标集。

import '@polymer/iron-iconset-svg/iron-iconset-svg';

const templateElem = document.createElement('template');

templateElem.innerHTML = `
<iron-iconset-svg name="namespace"><svg><defs>
    <g id="iconname">...</g>
    ...
</defs></svg></iron-iconset-svg>
`;

document.head.appendChild(templateElem.content);

(2) 在您的根布局中导入文件 class。

@JsModule("./icons.js")
public class RootLayout...

HtmlImport 注解哪里去了？

Where has HtmlImport annotation gone?

vaadin

vaadin20