6

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

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

所以作为一个简单的问题，可以将模板分离为 HTML 文件（不是 JS 文件）& 如果是，如何？

我知道，去年 10 月（'17）有一个类似的问题，但只有通过 webpack 的方法，但这不是一个简单的解决方案。我希望有人知道更好的方法，或者从即将推出的功能中知道一些东西。

（聚合物谷歌集团内的同样问题：谷歌集团聚合物）

4

1 回答 1

1

非常不幸的是，没有直接的方法。

虽然 Polymer 2 完全是关于“使用平台”，并且在不构建/捆绑的情况下运行应用程序是完全可行的，但自 Polymer 3 以来不再支持此功能（尽管您可能会发现适用于您的情况的不受支持的设置）。因此，我建议使用您选择的任何捆绑器。

也就是说，您可能能够减轻将模板与组件分离的原因。存在多个 Visual Studio Code 插件，用于在标记的模板文字中格式化 HTML，或在另一个选项卡中打开内容进行编辑：

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

  • 有官方的 PWA 入门套件，基于 polymer-cli（也宣传 LitElement）。
  • 这个polymer-3-webpack-starter-kit是一个不错的选择，尤其是在将 Polymer 3 与遗留元素一起使用时（与新的 Lit/Redux 组合相反），并且恰好配置为支持您的确切用例，盒子外面。
于 2018-09-06T08:14:02.697 回答