聚合物3-有没有办法将html模板提取到单独的html文件中？

Question

我正在尝试从Polymer组件中提取HTML模板到独立的HTML文件中。对于Polymer 2，我找到了一些示例，但它们不适用于我的Polymer 3项目。我尝试了以下类似操作，但失败了。

import * as template from './pm.template.html';
...
static get template() {
    return template;
}

作为一个简单的问题，可以将模板作为HTML文件（而不是JS文件）分开；如果可以，怎么办？

我知道，去年10月（'17）也有类似的问题，但是只有通过webpack的方法，但这在脑海中并不是一个简单的解决方案。我希望有人知道更好的方法，或者对即将发布的功能有所了解。

（聚合物Google群组内部的相同问题：google groups polymer）

Answer 1

很不幸，没有直接的方法。

虽然Polymer 2只是关于“使用平台”，并且完全无需构建/捆绑即可运行应用程序，但是由于Polymer 3不再受支持（尽管您可能会找到不受支持的设置，适用于您的情况）。 因此，我建议使用您选择的任何捆扎机。

也就是说，您也许可以减轻从模板中分离出模板的原因。存在多个Visual Studio Code插件，用于以标记的模板文字格式格式化HTML，或在另一个标签中打开内容进行编辑：

• https://github.com/mjbvz/vscode-lit-html（内联）
• https://github.com/plievone/vscode-template-literal-editor（独立的标签）

如果您想尝试捆绑，则有多种选择：

• 有一个基于Polymer-cli的official PWA starter kit（它也宣传LitElement）。
• 此polymer-3-webpack-starter-kit是一个很好的选择，尤其是在将Polymer 3与旧元素结合使用（与新的Lit / Redux组合相对）时，恰好配置为支持您的确切用例盒子里的。